Pastikan Kalian Sudah Menguasai Hal Berikut

• Pengetahuan basic React.js.
• Tetapi, tidak wajib memiliki pengetahuan soal Remix.

Jika kalian merasa belum memiliki pengetahuan basic soal React.js, saya sarankan kalia menyelesaikan tutorial React.js Dasar Kami.

Setup Projek Remix

1. Pastikan kalian sudah menginstal node.js, jika belum bisa cek tutorial kami.
2. Kita akan setup projek baru menggunakan Create Remix, CLI. Secara default CLI akan membuat projek baru menggunakan typescript, tetapi untuk tutorial ini kita akan menggunakan versi javascript. Silahkan jalankan kode berikut di terminal:

npx create-remix@latest --template remix-run/remix/templates/remix-javascript

Kalian akan mendapat beberapa pertanyaan, silahkan pilih saja Yes.

Silahkan buka folder projek kalian, jika berhasil kalian akan melihat struktur folder seperti berikut:

Running Project Remix

Untuk run project yang barusan kalian install, silahkan coba jalankan perintah ini di terminal:

npm run dev

secara default akan menggunakan port 3000.

Sekarang silahkan akses http://localhost:3000 atau http://ip-lokal:3000

Kalian akan mendapati tampilan seperti diatas. Tandanya kalian sudah berhasil menjalankan project Remix.