WORKSに戻る
Webアプリケーション
整えて、創る。 - ブログCMS
Next.js 16とTypeScriptで構築した高機能なブログシステム。リッチエディタ、SEO対策、広告管理機能を実装。
リリース日
2025年12月
ステータス
運用中・継続的アップデート
技術スタック
Next.js 16TypeScriptTipTapSupabaseTailwindCSSshadcn/uiFramer Motion
主な機能
- 1TipTapエディタによるリッチテキスト編集
- 2SEO最適化（構造化データ、OGP、サイトマップ）
- 3Google AdSense統合と広告管理
- 4Supabaseによる認証・データベース管理
- 5カテゴリー・タグ管理
- 6画像アップロード・ギャラリー機能
- 7レスポンシブデザイン対応
- 8ダークモード対応
- 9Claude Code（AI開発支援ツール）を活用した効率的な開発
技術的な課題と解決
- •TipTapエディタのカスタマイズとNode Viewの実装
- •ISR（Incremental Static Regeneration）による高速化とSEO対策の両立
- •TypeScript型安全性を保ちながらの柔軟なコンテンツ管理
- •Claude Codeを活用したコード生成とリファクタリングの効率化