Nuxt3のディレクトリ構成

Nuxt.jsの一般的なディレクトリ構成は以下の通りです。

pages/
ルーティングに使用されるVueコンポーネント
ファイル名に基づいて自動的にルートが生成される

components/
再利用可能なVueコンポーネント
自動インポートされる

layouts/
アプリケーションのレイアウトファイル
共通のページ構造を定義する

assets/
コンパイルされていない静的アセット（画像、フォント、スタイルシートなど）

public/
公開ディレクトリ（ファビコン、robots.txtなど）

plugins/
アプリケーション全体で使用するVueプラグインやJavaScript

store/
Vuexストアファイル（状態管理）

middleware/
ルートにアクセスする前に実行されるカスタム関数

server/
サーバーサイドのロジックやAPIルート

composables/
再利用可能な関数（Composition API）

utils/
ユーティリティ関数

types/
TypeScriptの型定義ファイル

app.vue
アプリケーションのメインコンポーネント

nuxt.config.ts
Nuxt.jsの設定ファイル