NextJS фреймворкида лойиҳанинг файл структураси

Лойиҳа яратилгандан сўнг унинг папкасида маълум файл структураси пайдо бўлади. Келинг, унинг энг муҳим компонентларини кўриб чиқайлик:

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

Лойиҳа билан ишлаш жараёнида биз ясайдиган файллар src ва src/app папкаларида сақланади. Ҳозирги вактда src папкасида фақат битта ишчи папка app мавжуд. Унда эса CSS созламалари билан ишлаш учун файллар (global.css), саҳифанинг асосий разметкаси билан файл (layout.jsx) ва лойиҳанинг асосий роути билан файл (page.jsx) сақланган.

next.config.mjs файлида лойиҳанинг асосий созламалари мавжуд.

tailwind.config.js файлида ушбу лойиҳада қўлланиладиган Tailwind стиллари учун асосий созламалар мавжуд.

Асосий ишчи файллар қайси папкаларда сақланишини сўзланг.

Бутун лойиҳа учун созламалар қаерда белгиланишини сўзланг.

Лойиҳада ўрнатилган барча кутупхона ва пакетлар қайси папкада сақланишини сўзланг.

Tailwind стиллари учун созламалар қаерда белгиланишини сўзланг.