Belajar Next.js dari Nol – Part 9: Upload File, Gambar & Manajemen Media
Hampir semua aplikasi web saat ini—baik CMS, e-commerce, hingga aplikasi admin—membutuhkan fitur upload file. Pada bagian ini, kamu akan belajar: 🎯 Tujuan Part 9 📥 1. Form Upload Gambar di Next.js Buat halaman app/dashboard/media/page.jsx: 🧾 2. API Route: Menangani File Upload Karena API Route di Next.js 13+ bersifat streaming dan tidak langsung support multipart/form-data, kita […]
Belajar Next.js dari Nol – Part 7: Integrasi Database MongoDB, MySQL & PostgreSQL
Aplikasi web modern tidak bisa lepas dari penyimpanan data. Setelah memiliki sistem autentikasi, kini waktunya menyambungkan aplikasi Next.js ke database agar data dapat disimpan, dibaca, dan dimanipulasi secara dinamis. 🎯 Tujuan Part 7 📌 1. Opsi Database & Kapan Menggunakannya Database Cocok Untuk Bentuk Data MongoDB Aplikasi fleksibel, cepat, dan tanpa relasi Dokumen (JSON) MySQL […]
Belajar Next.js dari Nol – Part 6: Autentikasi Pengguna dengan NextAuth.js & JWT
Autentikasi adalah tulang punggung aplikasi yang membutuhkan proteksi data pengguna. Di Next.js, kita dapat mengimplementasikan autentikasi dengan beberapa pendekatan: Pada bagian ini, kamu akan belajar: ⚙️ 1. Setup Autentikasi dengan NextAuth.js ✅ Instalasi ✅ Buat File Route API Buat folder app/api/auth/[…nextauth]/route.js: 🔐 Gunakan variabel .envNEXTAUTH_SECRET=anylongsecurestring 🧾 2. Buat Halaman Login File: app/login/page.jsx 🔒 3. Proteksi […]
