Membuat Aplikasi NextJS Pertama Kamu

Untuk memulai, pertama-tama pastikan kamu sudah menginstall Next.js 13. Lakukan dengan cara ini:

Ganti my-first-next-app dengan nama aplikasi kamu. Setelah selesai, masuk ke folder aplikasi kamu:

Langkah pertama, buat folder baru bernama app di dalam project kamu, jika belum ada.

Di dalam folder app/, buat file page.js yang akan menjadi halaman utama (root) aplikasi kamu.

Sejak Next.js 13, kita mulai menggunakan App Router yang memungkinkan kita untuk bekerja dengan folder app/ daripada pages/. Di dalam folder app/, kita dapat mengatur rute (routes) dan layout aplikasi kita.

Di dalam folder app, buat file page.js:

Lalu, jalankan aplikasi dengan perintah:

Akses aplikasi kamu di http://localhost:3000. Kamu akan melihat teks 'Selamat Datang di Aplikasi Next.js Pertama Kamu!'

Kamu udah berhasil bikin aplikasi pertama kamu dengan Next.js! Gimana? Mudah kan?

Dengan Next.js, kamu bisa buat aplikasi React dengan cepat, bikin aplikasi yang SEO-friendly, dan bahkan dapet fitur seperti server-side rendering tanpa pusing. Kamu bisa terus eksplorasi lebih lanjut dengan menambahin fitur lainnya seperti API Routes, image optimization, dan lainnya.

So, keep coding dan jangan ragu buat bereksperimen lebih jauh! Kalau ada pertanyaan, langsung aja tanya. Semangat!