小さくはじめる Next.js App Router ディレクトリ構成 「featuresでコンポーネントを整理する」 - Qiita

はじめに 最近自分がNext.jsの環境構築、設計を担当する機会が増えました。 ディレクトリ構成が固まってきたので一つの案として参考になれば幸いです。 こんな方におすすめ！ Next.js App Routerを使って小規模開発(個人開発含む)を行いたい方 Next.js App Routerに関してなんとなく理解したけどディレクトリ構成で迷ってる方 featuresになんとなく興味のある方 目次 featuresとは何か 構成案 appディレクトリ featuresディレクトリ componentsディレクトリ hooksディレクトリ utilsディレクトリ constantsディレクトリ 実際に実装してみて featuresとは何か アプリケーション内で独立した機能として識別できる要素のこと。 中にはUIコンポーネント、ロジック、スタイルなどが入る。 1行でまとめるのであれば ロジック