一例

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

スクリーンショット 2022-09-14 10.08.14.png