一例
root/
┣ .next/(build時に生成されるもの、確か。基本触らない)
┣ components/(ページ以外のコンポーネントを格納)
┃ ┗ common/(ページ共通)
┃ ┃ ┗ Header.js
┃ ┃ ┗ GoogleAnalytics.js
┃ ┗ home/(TOPページの各セクションやパーツ)
┃ ┗ Contact.js
┃ ┗ Mv.js
┣ hooks/(Google Analytics導入で作成、_app.jsに記述するものをコンポーネント化)
┃ ┗ usePageView.js
┣ lib/(共通で使う処理や.envにまとめるほどではない情報ファイルを格納)
┃ ┗ changeViewport.js
┃ ┗ contactGoogleForm.js
┣ node_modules
┣ pages/(ページファイル, 404.js, apiフォルダ, _app.js, _document.jsなど)
┃ ┗ api/
┃ ┃ ┗ proxy/
┃ ┃ ┗ cors.js
┃ ┗ work-details/(下層ページ)
┃ ┃ ┗ [id].js
┃ ┗ index.js
┃ ┗ 404.js
┃ ┗ thanks.js
┃ ┗ _app.js
┣ public/(画像類)
┃ ┗ favicons/
┃ ┗ img/
┃ ┗ common/
┃ ┗ top/
┣ sytles/(cssを格納。グローバルも各コンポーネント用cssも全てここ)
┃ ┗ base/
┃ ┃ ┗ _base.scss
┃ ┃ ┗ _reset.scss
┃ ┃ ┗ _index.scss(@useで_baseと_resetをまとめるファイル)
┃ ┗ components/
┃ ┃ ┗ common/
┃ ┃ ┗ _Header.module.scss
┃ ┃ ┗ home/
┃ ┃ ┗ _Contact.module.scss
┃ ┃ ┗ _Mv.module.scss
┃ ┗ global/(静的コーディングで使っているglobalファイル一式を移植したイメージ)
┃ ┃ ┗ _animation.scss
┃ ┃ ┗ _color.scss
┃ ┃ ┗ _index.scss(globalに格納した各ファイルをまとめるファイル)
┃ ┗ pages/
┃ ┗ work-details/
┃ ┗ _WorkDetails.module.scss
┃ ┗ _404.module.scss
┃ ┗ _thanks.module.scss
┣ .env.local
┣ .eslintric.json
┣ .gitignore
┣ next.config.js
┣ package-lock.json
┣ package.json
┣ README.md
