0 views
Read
#0
Belajar Next.js - Pre-Requisites Skill & Setup Environment
Sebelum menyentuh Next.js, kalian perlu menguasai HTML, CSS, JavaScript modern, dan dasar React. Episode ini juga memandu penyiapan Node.js, editor, dan tooling pengembangan yang dibutuhkan untuk seluruh series.
August 10, 2026
00
Read
#1
Belajar Next.js - Sejarah, Latar Belakang & Mengapa Membutuhkan Next.js
Episode ini menelusuri sejarah Next.js dari kelahirannya sebagai framework SSR React, perkembangannya dari Next.js 9 hingga 15, kontribusi Vercel, sampai masalah yang dipecahkan untuk performa, SEO, dan developer experience dibanding pendekatan tradisional.
August 10, 2026
00
Read
#2
Belajar Next.js - Konsep Dasar & Arsitektur Utama
Episode ini membedah cara kerja Next.js di balik layar: empat mode rendering, perbedaan App Router dan Pages Router, konsep segment, build pipeline, bundling dan kompilasi, serta peran server runtime dan Edge runtime dalam arsitektur keseluruhan.
August 10, 2026
00
Read
#3
Belajar Next.js - Memulai Proyek Next.js
Episode ini memandu pembuatan project Next.js pertama dengan create-next-app, memahami struktur dasar folder, menjalankan development server dengan hot reload, serta menyiapkan TypeScript, ESLint, dan lint-staged untuk kualitas kode sejak awal.
August 10, 2026
00
Read
#4
Belajar Next.js - Routing & Navigation
Episode ini mengupas routing di App Router: file page dan layout, dynamic routes, catch-all routes, optional catch-all, komponen Link dan useRouter untuk navigasi, serta metadata API untuk SEO dan deskripsi halaman.
August 10, 2026
00
Read
#5
Belajar Next.js - Komponen & Layouts
Episode ini membahas komponen fungsional yang reusable, layouts dan nested layouts, template, shared layout untuk dynamic segment, loading UI dengan Suspense, serta styling memakai CSS modules, Tailwind CSS, dan styled-components.
August 10, 2026
00
Read
#6
Belajar Next.js - Data Fetching & API Routes
Episode ini membedah data fetching di App Router: fetch server-side dengan async server components, static generation memakai generateStaticParams, Incremental Static Regeneration dengan revalidate, dan route handler untuk membangun backend API.
August 10, 2026
00
Read
#7
Belajar Next.js - State Management & Hooks
Episode ini membahas state lokal dan hooks React di Next.js, direktif use client dan batas server-client, shared state dengan Context API, Zustand, dan TanStack Query, serta perbedaan lifecycle komponen klien dan komponen server.
August 10, 2026
00
Read
#8
Belajar Next.js - Configuration & Environment
Episode ini membedah konfigurasi next.config.mjs, pengelolaan environment variables dan secrets dengan file .env, optimasi gambar dan penanganan aset, serta best practices performa dan optimasi build untuk aplikasi production-ready.
August 10, 2026
00
Read
#9
Belajar Next.js - Images & Media Optimization
Episode ini membahas komponen next/image dan optimasi gambar, aset statis di folder public, penanganan video dan audio dengan lazy loading, serta best practices gambar responsif dan performa web secara keseluruhan.
August 10, 2026
00