Folder structure and organization

Folder Structure

Let's talk about what's inside the downloaded package.

Chisfis is a Next.js project, built on Next.js 15 - App router, so it is built and follows the structure of Next.js.

For a better view, please check the Next.js tutorial here - https://nextjs.org/docs/app/getting-started/project-structure​

Top-level folders

Top-level folders are used to organize your application's code and static assets.

​app​

App Router

​pages​

Pages Router

​public​

Static assets to be served

​src​

Optional application source folder

Top-level files

Top-level files are used to configure your application, manage dependencies, run middleware, integrate monitoring tools, and define environment variables.

Next.js

​

​next.config.js​

Configuration file for Next.js

​package.json​

Project dependencies and scripts

​instrumentation.ts​

OpenTelemetry and Instrumentation file

​middleware.ts​

Next.js request middleware

​.env​

Environment variables

​.env.local​

Local environment variables

​.env.production​

Production environment variables

​.env.development​

Development environment variables

​.eslintrc.json​

Configuration file for ESLint

.gitignore

Git files and folders to ignore

next-env.d.ts

TypeScript declaration file for Next.js

tsconfig.json

Configuration file for TypeScript

jsconfig.json

Configuration file for JavaScript

Last updated

Was this helpful?