package.json

Berisi segala dependency yang terinstal di projek ini.

remix.config.js

Kita bisa mengatur berbagai macam pengaturan projek remix disini, kalian akan lebih paham penggunaannya jika terus mengikuti tutorial ini sampai selesai. Untuk dokumentasi lengkapnya bisa kalian cek disini https://remix.run/docs/en/main/file-conventions/remix-config

Folder public

Kalian bisa menaruh segara static file disini, seperti gambar atau icon, dsb.

Folder app

Folder ini adalah folder utama, disini coding projek kita taruh disini. Difolder ini kita akan menyimpan segala route dan komponen.

Folder route

Di dalam folder route ini kita dapat mendifinisikan halaman-halaman yang ada di dalam aplikasi kita. Didalamnya juga ada file bernama _index.js, file ini adalah file route halaman homepage kita. Kita akan mempelajari lebih lanjut tentang routing Remix nanti.

/app/root.jsx

Ini semacam index file utama, dimana ketika aplikasi kita jalan maka file root.jsx ini yang akan dipanggil pertama kali. Di file ini kita juga bisa memanggil css untuk projek kita (hal ini akan kita bahas nanti)

<Outlet/>

Component outlet berfungsi menrender isi routes sesuai dengan url yang dipanggil. Untuk lebih mudah coba kalian hapus route, pasti kalian akan mendapati tampilan halamannya menjadi kosong

/app/entry.server.jsx

Segala konfigurasi di file ini kalian nantinya akan berjalan di belakang layar, di file ini bisa mengatur segala tambahan configurasi dari sisi backend/server seperti menambah handling error, menambahkan header response dan lain sebagainya. Dokumentasi lengkapnya bisa kalian cek disini https://remix.run/docs/en/main/file-conventions/entry.server

/app/entry.client.jsx

File konfigurasi ini adalah kebalikan /app/entry.server.jsx dimana file ini akan berjalan secara global di sisi client, jadi kita kalian menginginkan konfigurasi tambahan semisal menambah header request dan lain sebagainya di sisi client, kalian bisa menambahkannya disini. Dokumentasi lengkapnya bisa kalian cek disini https://remix.run/docs/en/main/file-conventions/entry.client