当サイト - WordpressからNext.jsへの移行

当サイトは、もともとWordPressの独自テーマとして構築していましたが、Next.js（App Router構成）へ全面移行を行いました。AIを活用することで設計・開発の工数を大幅に短縮し、CMSを使わずマークダウンファイルで記事・コンテンツを管理しています。今後も随時コンテンツを更新していく予定です。

開発のポイント

Wordpressからの移行

• 既存のWordPressテーマの構造やデザインを分析し、Next.js（App Router）で再設計。デザインはTailwind CSSでモダンにリファインしました。
• CMSを使わず、マークダウンファイルで記事・コンテンツを管理

AI駆動

• CursorでWordPressのソースを解析し、AIによるコード生成・リファクタリングを活用。設計・開発のスピードを大幅に向上させました。

Next.jsキャッチアップ

• 当サイトの規模ではReactベースの静的サイトジェネレーターでも十分ですが、最新のNext.jsの技術動向を追いかけ、実運用での知見を深める目的も込めてNext.jsを選択しています。
• @cloudflare/next-on-pagesを使ってCloudflare Pagesにデプロイ

技術スタック

• Next.js
• Tailwind CSS
• TypeScript
• Cloudflare

まとめ

Next.jsとAIを活用することで、効率的かつ柔軟なサイト運用・開発が可能になりました。今後も最新技術を取り入れながら、より良いサイト運営を目指していきます。