Estrutura de Arquivos do Projeto no Framework NextJS

Após a criação do projeto, uma estrutura de arquivos específica surgirá em sua pasta. Vamos examinar seus componentes mais importantes:

/node_modules/
/src/
- /app/
  - globals.css
  - layout.jsx
  - page.jsx
next.config.mjs
package.json
tailwind.config.js

Os arquivos que criaremos durante o processo de trabalho com o projeto serão armazenados nas pastas src e src/app. No momento, na pasta src existe apenas uma pasta de trabalho app. E nela estão armazenados os arquivos para trabalhar com configurações CSS (global.css), o arquivo com a marcação principal da página (layout.jsx) e o arquivo com a rota principal do projeto (page.jsx).

No arquivo next.config.mjs estão contidas as configurações principais do projeto.

No arquivo tailwind.config.js estão contidas as configurações principais para os estilos do Tailwind, aplicados neste projeto.

Conte quais pastas contêm os principais arquivos de trabalho do projeto.

Conte onde as configurações para todo o projeto são definidas.

Conte em qual pasta todas as bibliotecas e pacotes instalados no projeto estão armazenados.

Conte onde as configurações para os estilos do Tailwind são definidas.