Struktur File Proyek dalam Framework NextJS

Setelah membuat proyek, di foldernya akan muncul struktur file tertentu. Mari kita bahas komponen terpentingnya:

• /node_modules/
• /src//app/globals.csslayout.jsxpage.jsx
• next.config.mjs
• package.json
• tailwind.config.js

File yang akan kita buat dalam proses bekerja dengan proyek akan disimpan di folder src dan src/app. Saat ini di folder src hanya ada satu folder kerja app. Dan di dalamnya disimpan file untuk bekerja dengan pengaturan CSS (global.css), file dengan markup halaman utama (layout.jsx) dan file dengan rute utama proyek (page.jsx).

Di file next.config.mjs berisi pengaturan utama proyek.

Di file tailwind.config.js berisi pengaturan utama untuk gaya Tailwind, yang diterapkan dalam proyek ini.