Nuxt 3 ディレクトリ構成

Nuxt 3 ディレクトリ構成（基本）

• pages/：ルーティング自動生成

• components/：Vueコンポーネント置き場

• layouts/：共通レイアウト

• app.vue：全体のベース

• nuxt.config.ts：設定ファイル

• plugins/：プラグイン登録

• assets/：CSSや画像などの静的アセット

components/の使い方

✔ 内容：

• .vue ファイルを入れる場所

• 自動インポートが有効（components: true のとき）

assets/の使い方

✔ 内容：

• ビルド時に処理されるCSS、SCSS、画像など

• @/assets/ や ~/assets/ でインポートして使う

• 直接URLでアクセスはできない

静的画像やPDFなどを置きたいときは？

• assets/ は開発用・プリプロセス用

• public/ は公開されるファイルを直接置く場所

✔ 例：

• public/logo.png → ブラウザから https://example.com/logo.png でアクセス可能