🏖️
Chisfis - Online Booking NextJs template
DemoBuy now
  • Getting Started
  • Folder structure and organization
  • Dependencies
  • Installation
  • Custom color, fonts
  • CSS
  • Component Structure
  • How to fetch data
  • How to deploy
  • How to add metadata
  • Resources and assets
  • Support
  • Change log
    • Change log
  • How to?
    • How to Get Google Maps API Key for Free (in 5 easy steps)
    • Converting a Next.js project from TypeScript to plain JavaScript
Powered by GitBook
On this page

Was this helpful?

Folder structure and organization

Folder Structure

PreviousGetting StartedNextDependencies

Last updated 3 days ago

Was this helpful?

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 - ​

Top-level folders

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

App Router

Pages Router

Static assets to be served

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

​

Configuration file for Next.js

Project dependencies and scripts

OpenTelemetry and Instrumentation file

Next.js request middleware

Environment variables

Local environment variables

Production environment variables

Development environment variables

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

​​

​​

​​

​​

​​

​​

​​

​​

​​

​​

​​

​​

​​

app
pages
public
src
next.config.js
package.json
instrumentation.ts
middleware.ts
.env
.env.local
.env.production
.env.development
.eslintrc.json
https://nextjs.org/docs/app/getting-started/project-structure