R100サイトをゼロから構築していく中で得られたノウハウやTipsを、検証記録としてまとめています。静的サイトジェネレーターHugo、PaperModテーマ、Netlify、そしてAIエディタCursorやAuth0による認証連携まで、実践的な技術検証を段階ごとに紹介します。
1. 概要編
- R100サイトを作ろうと思った理由
- サイト全体像・技術選定まとめ
2. Hugo + PaperMod + Netlify のベーシックな構築手順
- Hugo初期化
- PaperModテーマ導入
- Netlify自動デプロイ etc.
3. サイト構造&UIカスタマイズ編
- ナビゲーションバーを編集する
- バックボタンを追加する
- 階層構造とパンくずリストの実装 etc.
4. 認証・認可編(Auth0 + Netlify Function)
- Auth0のセットアップ手順
- Netlify Functionでコンテンツ保護
- フロントエンド連携・運用Tips
各セクションごとに、設定手順・実装例・工夫ポイントなどを順次公開予定です。
プロジェクトの検証経過・実験メモとしても更新していきますので、最新情報はこのラボカテゴリからご覧ください。