はてなブックマーク

Vibe Codingに最適なNext.jsのディレクトリ構成を整理しました。 前回の記事の続きとなります。 （シリーズとしてはweb3領域を念頭に置いていますが、通常のプロダクト開発にも適用可能です） はじめに Claude CodeのようなAI開発ツールを実用するためには、 事前準備が寛容です。 要件定義 技術選定 プロジェクト構造 本記事では、Claude CodeなどのAgentic CodingによるMVP開発に最適なNext.js（App Router）ディレクトリ構成を提案します。 僕はClaude Codeをメインで使用していますが、他のAgentic Codingツール（CursorやClineなど）にも使用できます。 「AI開発を効率化するための事前準備」のノウハウが変わることはありません。なぜならそれはシステム開発の基本に過ぎないからです。 対象読者 本記事は以下のよ