Folder structure and organization

Folder Structure

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

Ciseco 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