どこでつまずいたか
01既存CMSは日本から遅く、店舗サイトの体感速度が悪い
02ページごとに認証を再検証して往復が増えていた
03サイトごとに作り直すと保守コストが膨らむ
どう解いたか
01hnd1配信とmiddleware認証で往復を最小化
02参照系キャッシュとナビ常駐で体感速度を改善
03共通基盤化して店舗サイトを横展開
できあがったもの
できあがった画面
結果
| 01 | ナビ切替85msの高速レスポンスを達成 |
|---|---|
| 02 | 店舗サイトを同一基盤で量産できる体制を確立 |
この作品でできること
- 東京リージョン（hnd1）配信で日本国内から高速表示
- middlewareで認証を1回だけ検証しページへヘッダ受け渡し
- 参照系データのキャッシュでナビ切替を高速化
- ナビをlayoutに常駐＋loading.tsxで即時フィードバック
- 同一基盤で店舗サイトを量産可能
どう作ったか
できること3項目
| 東京リージョン配信で日本国内から高速表示 | hnd1配信とmiddleware認証で往復を最小化 |
|---|---|
| middlewareで認証を1回だけ検証しページへヘッダ受け渡し | 参照系キャッシュとナビ常駐で体感速度を改善 |
| 参照系データのキャッシュでナビ切替を高速化 | 共通基盤化して店舗サイトを横展開 |
つくり2項目
| フロントエンド・基盤 | Next.js App Router / TypeScript / Tailwind CSS |
|---|---|
| AI・連携・データ | Supabase / middleware認証 / Vercel hnd1 |
使いどころ3項目
| 既存CMSは日本から遅く、店舗サイトの体感速度が悪い | hnd1配信とmiddleware認証で往復を最小化 |
|---|---|
| ページごとに認証を再検証して往復が増えていた | 参照系キャッシュとナビ常駐で体感速度を改善 |
| サイトごとに作り直すと保守コストが膨らむ | 共通基盤化して店舗サイトを横展開 |
担当と道具
| 担当 | 企画・アーキテクチャ設計・フルスタック開発 |
|---|---|
| 使った技術 | Next.js App Router・TypeScript・Tailwind CSS・Supabase・middleware認証・Vercel hnd1 |
この作品のきほん
| 種類 | 開発基盤 |
|---|---|
| いまの状態 | 公開中 |
| 規模 | 担当3領域 / 技術6種類 |
| 公開先 | cms-demo.nextcode.ltd |
相談する
おなじものが作れます
同じ仕組みを、あなたの商品でも作れます。
同じカテゴリの制作実績（開発基盤）
似た課題を解いた他の事例です。
