Folder Structure

Here are the folder structure for a typical Next.js project using `app` router (since Next.js 13.0).

.
└── templatename-next/
    ├── components/
    │   ├── layout.js
    │   ├── navbar.js
    │   ├── footer.js
    │   └── etc...
    ├── lib/
    │   ├── utils.js
    ├── app/
    │   ├── about
    │   │   └── page.js
    │   ├── contact
    │   │   └── page.js
    │   ├── favicon.ico
    │   ├── globals.css
    │   ├── layout.js
    │   └── page.js
    ├── public/
    │   ├── img/
    │   │   └── logo.svg
    │   └── favicon.ico
    ├── sanity/
    │   ├── schema.js
    │   ├── client.js
    │   └── config.js
    │   └── ...
    ├── .env.local.example
    ├── README.md
    ├── tsconfig.json
    ├── next.config.js
    ├── package.json
    ├── postcss.config.js
    ├── tailwind.config.js
    └── vercel.json

Here are the folder structure for a typical Next.js project using `pages` router (until Next.js 13.0).

.
└── templatename-next/
    ├── components/
    │   ├── layout.js
    │   ├── navbar.js
    │   ├── footer.js
    │   └── etc...
    ├── css/
    │   └── tailwind.css
    ├── lib/
    │   ├── groq.js
    │   ├── sanity.js
    │   └── config.js
    ├── pages/
    │   ├── _app.js
    │   ├── _document.js
    │   ├── about.js
    │   ├── archive.js
    │   ├── contact.js
    │   └── index.js
    ├── public/
    │   ├── img/
    │   │   └── logo.svg
    │   └── favicon.ico
    ├── studio/
    │   ├── schema.js
    │   └── ...
    ├── utils/
    │   └── all.js
    ├── .env.local.example
    ├── README.md
    ├── jsconfig.json
    ├── next.config.js
    ├── package.json
    ├── postcss.config.js
    ├── tailwind.config.js
    └── vercel.json