Terima kasih telah mengirimkan pertanyaan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Terima kasih telah mengirimkan pemesanan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Kerangka Materi
Perspektif dan Arsitektur Lanjutan Next.js 16
- Fitur kunci dan perubahan dalam Next.js 16.x
- Arsitektur App Router dan prinsip desain
- Komponen Server vs Komponen Klien
- Strategi rendering: SSR, SSG, ISR, dan streaming
- Konvensi struktur proyek dan praktik terbaik
- Desain aplikasi berorientasi performa
Routing Lanjutan dan Navigasi
- Tata letak bersarang dan pola UI yang dibagikan
- Pengelompokan rute untuk routing terorganisir
- Rute paralel untuk segmen rute independen
- Menangkap rute dan navigasi modal
- Routing dinamis dan segmen tangkap semua
- Penangan rute untuk endpoint kustom
- Middleware untuk intersep permintaan
Komponen Server React dan Fitur Server
- Tinjauan mendalam mengenai model Komponen Server React
- Pengambilan data di server
- UI streaming dengan batas Suspense
- Batas kesalahan dan penanganan kesalahan
- Pola UI pemuatan
- Rendering parsial dan re-rendering selektif
Aksi Server dan Formulir
- Arsitektur dan kemampuan Aksi Server
- Penghandlean formulir dengan pemrosesan sisi server
- Strategi validasi
- Update UI optimis
- State menunggu dan umpan balik pengguna
- Unggahan file dan peningkatan progresif
Pengambilan Data Canggih dan Caching
- Fetch API di Next.js dan memoisasi permintaan
- Fundamental Data Cache
- Konfigurasi Route Cache
- Cache Router dan invalidasi cache
- Strategi revalidasi: permintaan-on-demand dan berbasis waktu
- Pola data streaming
Autentikasi dan Otorisasi
- Arsitektur autentikasi di Next.js
- Pola manajemen sesi
- Alur autentikasi berbasis JWT
- Strategi integrasi OAuth
- Implementasi Kontrol Akses Berbasis Peran (RBAC)
- Proteksi rute berbasis middleware
Integrasi Database dan ORM
- Pertimbangan arsitektur database
- Integrasi PostgreSQL dengan Next.js
- Pengaturan dan kueri ORM Prisma
- Perspektif dan migrasi ORM Drizzle
- Konfigurasi connection pooling
- Strategi migrasi database
- Pola repositori untuk akses data
Pengembangan API
- Penangan Rute dan konvensi rute API
- Implementasi API RESTful
- Validasi permintaan API
- Pengelolaan kesalahan dan format respons
- Endpoint unggahan file
- Integrasi webhook dan verifikasi
- Pembatasan laju (rate limiting) dan keamanan API
Optimasi Performa
- Analisis bundel dan optimasi
- Strategi code splitting
- Impor dinamis untuk pemuatan sesuai permintaan
- Optimisasi komponen gambar
- Optimisasi font dengan next/font
- Pola pemuatan lambat (lazy loading)
- Teknik optimasi Core Web Vitals
Menguji Aplikasi Next.js
- Strategi pengujian unit untuk kode server dan klien
- Pengujian komponen dengan utilitas pengujian
- Pengujian integrasi untuk alur data lengkap
- Pengujian end-to-end dengan Playwright atau Cypress
- Mocking API dan layanan
- Menguji Komponen Server
- Menguji Aksi Server
Penyaluran, DevOps, dan Pemantauan
- Konfigurasi build produksi
- Pengelolaan variabel lingkungan
- Kontainerisasi Docker untuk Next.js
- Pengaturan pipeline CI/CD
- Pemantauan dan logging aplikasi
- Pelacakan kesalahan dan pelaporan
- Pemantauan performa di produksi
Pola Lanjutan dan Proyek Capstone
- Pola arsitektur proyek untuk skalabilitas
- Organisasi fitur dan batas modul
- Pola desain umum dalam aplikasi Next.js
- Arsitektur aplikasi multi-tenant
- Tinjauan proyek capstone
- Ulasan kursus dan sesi tanya jawab
Persyaratan
- Pengetahuan menengah tentang React (komponen, hook, manajemen state)
- Kepahaman Node.js dan JavaScript (ES6+)
- Pemahaman konsep HTTP/REST dan web API
Audience
- Pengembang full-stack yang beralih ke Next.js 16 untuk aplikasi produksi
- Pengembang React yang bermigrasi dari versi Next.js sebelumnya atau membuat aplikasi untuk lingkungan yang sangat mengutamakan performa
- Pengembang backend yang mengadopsi Komponen Server React untuk arsitektur aplikasi full-stack
21 Jam
