Project File Structure in the NextJS Framework
After creating a project, a specific file structure will appear in its folder. Let's look at its most important components:
- /node_modules/
- /src/
- /app/
- globals.css
- layout.jsx
- page.jsx
- /app/
- next.config.mjs
- package.json
- tailwind.config.js
The files we will create during the
work with the project will be stored
in the src and src/app folders.
Currently, the src folder
contains only one working folder app.
And it contains files for working with
CSS settings (global.css),
the file with the main page layout (layout.jsx)
and the file with the project's main route
(page.jsx).
The next.config.mjs file
contains the main project
settings.
The tailwind.config.js file contains
the main settings for Tailwind styles
used in this project.
Tell which folders contain the main working files of the project.
Tell where the settings for the entire project are defined.
Tell in which folder all the libraries and packages installed in the project are stored.
Tell where the settings for Tailwind styles are defined.
