プロジェクト背景
独立開発者として、作品展示・技術記事投稿・デジタル商品販売を統合できるプラットフォームが必要でした。既存のSaaSサイトビルダーは重すぎたり、SEO・パフォーマンスの要件を満たせなかったりします。
コア機能
- 中日バイリンガル対応：next-intl による完全なi18nソリューション
- Markdown駆動コンテンツシステム：
.mdファイルを置くだけで公開、ゼロ設定 - Admin管理画面：HMAC セッション認証、ノート・商品のCRUD対応
- Supabase連携：ノート保存、商品管理、ファイルアップロード、アクセス解析
- SEO完全対応：JSON-LD、Open Graph、Sitemap、RSS Feed
- PWA対応：Service Worker + オフラインキャッシュ
技術選択
Next.js 16 App Router を選んだのは、SSG/ISR のネイティブサポートが理由です。Supabase と組み合わせることで、サーバーコストゼロのフルスタックソリューションを実現。Tailwind CSS v4 でアトミックなスタイル、Framer Motion でアニメーションを担当。
プロジェクトリンク
- 本番環境：nasbuild.dev
- ソースコード：GitHub