Folder Structure

Here are the folder structure for a typical Next.js project.

.
└── 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