Zenn
Closed1

Next.jsプロジェクトでファイルの命名規則を調べる

hirotakahirotaka

Next.js Commerce

Vercelの公式なNext.jsプロジェクト。

https://github.com/vercel/commerce

components配下は、

  • 第一階層のディレクトリ名は小文字
  • 第二階層以下のディレクトリ名はパスカル
  • コンポーネントのファイル名はパスカル
  • indexだけは小文字

components以外はケバブな感じ。

/
├── README.md
├── assets
│   ├── base.css
│   ├── chrome-bug.css
│   └── ....
├── components
│   ├── auth
│   │   ├── ForgotPassword.tsx
│   │   ├── LoginView.tsx
│   │   ├── SignUpView.tsx
│   │   └── index.ts
│   ├── cart
│   │   ├── CartItem
│   │   │   ├── CartItem.module.css
│   │   │   ├── CartItem.tsx
│   │   │   └── index.ts
│   │   ├── CartSidebarView
│   │   │   ├── CartSidebarView.module.css
│   │   │   ├── CartSidebarView.tsx
│   │   │   └── index.ts
│   │   ├── ...
│   │   └── index.ts
├── config
│   └── seo.json
├── framework
│   ├── bigcommerce
│   │   ├── README.md
│   │   ├── api
│   │   │   ├── definitions
│   │   │   │   ├── catalog.ts
│   │   │   │   ├── store-content.ts
│   │   │   │   └── wishlist.ts
│   │   │   └── ...
│   │   └── ...
│   └── ...
├── lib
│   ├── api
│   │   └── commerce.ts
│   ├── click-outside
│   │   ├── click-outside.tsx
│   │   ├── has-parent.js
│   │   ├── index.ts
│   │   └── is-in-dom.js
│   └── ...
├── pages
│   ├── 404.tsx
│   ├── [...pages].tsx
│   ├── _app.tsx
│   ├── _document.tsx
│   ├── api
│   │   ├── ...
│   │   ├── catalog
│   │   │   ├── products.ts
│   │   │   └── ...
│   │   └── ...
│   ├── cart.tsx
│   ├── index.tsx
│   ├── orders.tsx
│   ├── product
│   │   └── [slug].tsx
│   └── ...
├── public
│   ├── assets
│   │   ├── drop-shirt-0.png
│   │   └── ...
│   └── ...
└── ...
このスクラップは2021/09/28にクローズされました