🌐開発基盤公開中
📖ストーリーで見る
👥
お客様編
💻
開発編
📷
読み込み中...
🎯主要機能
東京リージョン配信で日本国内から高速表示
hnd1配信とmiddleware認証で往復を最小化
middlewareで認証を1回だけ検証しページへヘッダ受け渡し
参照系キャッシュとナビ常駐で体感速度を改善
参照系データのキャッシュでナビ切替を高速化
共通基盤化して店舗サイトを横展開
⚙️技術的詳細
フロントエンド・基盤
Next.js App Router / TypeScript / Tailwind CSS
AI・連携・データ
Supabase / middleware認証 / Vercel hnd1
💼活用シーン
🤝
既存CMSは日本から遅く、店舗サイトの体感速度が悪い
hnd1配信とmiddleware認証で往復を最小化
⚡
ページごとに認証を再検証して往復が増えていた
参照系キャッシュとナビ常駐で体感速度を改善
🎯
サイトごとに作り直すと保守コストが膨らむ
共通基盤化して店舗サイトを横展開
👤担当領域
企画アーキテクチャ設計フルスタック開発
🛠️使用技術
Next.js App RouterTypeScriptTailwind CSSSupabasemiddleware認証Vercel hnd1
✨ハイライト
1
東京リージョン（hnd1）配信で日本国内から高速表示
2
middlewareで認証を1回だけ検証しページへヘッダ受け渡し
3
参照系データのキャッシュでナビ切替を高速化
4
ナビをlayoutに常駐＋loading.tsxで即時フィードバック
5
同一基盤で店舗サイトを量産可能
😰課題・問題
- ✗既存CMSは日本から遅く、店舗サイトの体感速度が悪い
- ✗ページごとに認証を再検証して往復が増えていた
- ✗サイトごとに作り直すと保守コストが膨らむ
💡解決策
- ✓hnd1配信とmiddleware認証で往復を最小化
- ✓参照系キャッシュとナビ常駐で体感速度を改善
- ✓共通基盤化して店舗サイトを横展開
🎯成果・結果
🏆
ナビ切替85msの高速レスポンスを達成
🏆
店舗サイトを同一基盤で量産できる体制を確立