Semua track

Roadmap Belajar

Next.js

Framework React full-stack: routing, Server Components, data fetching, sampai deploy.

8 bab60 modul±231 menit0%
Mulai dari awal
1

Bab 1

Pengenalan & Instalasi

Apa itu Next.js, instalasi, struktur folder, dan konvensi file.

1.Pengenalan Next.jsPemula
2.Next.js vs React PolosPemula
3.Instalasi Project Next.jsPemula
4.Setup Manual Tanpa create-next-appPemula
5.Struktur Folder ProjectPemula
6.Konvensi File App RouterPemula
7.Dev Server & Hot ReloadPemula
8.Update & Upgrade Next.jsPemula
Kuis 5 soal terbuka di modul terakhir bab ini.
2

Bab 2

Routing

File-system routing, dynamic route, route group, dan navigasi.

9.File-System RoutingPemula
10.Nested RoutingPemula
11.Dynamic RoutePemula
12.Catch-all & Optional RouteMenengah
13.Route GroupMenengah
14.Private Folder (_folder)Menengah
15.Navigasi dengan LinkPemula
16.Navigasi ProgrammaticMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
3

Bab 3

Layout & UI States

Layout, template, loading, error, 404, dan streaming.

17.Layout DasarPemula
18.Template vs LayoutMenengah
19.Loading UIMenengah
20.Error UIMenengah
21.Halaman 404 (not-found)Pemula
22.Global Error HandlerMenengah
23.Streaming dengan SuspenseMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
4

Bab 4

Server & Client Components

Dua jenis komponen, pola komposisi, dan aturan boundary.

24.Server vs Client ComponentMenengah
25.Server Component MendalamMenengah
26.Client Component MendalamMenengah
27.Pola Komposisi Server-ClientMahir
28.Batasan & Aturan Server-ClientMenengah
29.Client Component untuk Library Pihak KetigaMenengah
30.Context di Era Server ComponentsMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
5

Bab 5

Data Fetching

Fetch di server, paralel, caching, dan revalidasi.

31.Fetch di Server ComponentMenengah
32.Fetch ParalelMenengah
33.Fetch dengan Params & SearchParamsMenengah
34.Caching di Next.jsMahir
35.Revalidasi: ISR & On-DemandMahir
36.Fetch di Client ComponentMenengah
37.Request MemoizationMahir
38.Pola Fetch LanjutanMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
6

Bab 6

Server Actions & Form

Mutasi data tanpa API: form, validasi, optimistic UI.

39.Server Actions DasarMenengah
40.Validasi di Server ActionsMenengah
41.Form dengan Server ActionsMenengah
42.useActionStateMenengah
43.Optimistic UpdateMahir
44.revalidatePath & redirectMenengah
45.Proyek: Todo App FullMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
7

Bab 7

Optimasi & SEO

Metadata, gambar, font, styling, dan sitemap.

46.Metadata Dasar & SEOPemula
47.generateMetadata DinamisMenengah
48.Optimasi Gambar (next/image)Menengah
49.Optimasi Font (next/font)Menengah
50.Styling di Next.jsMenengah
51.Sitemap & robots.txtPemula
52.Proyek: Galeri TeroptimasiMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
8

Bab 8

API, Middleware & Deploy

Route handlers, middleware, env, auth, dan proyek akhir.

53.Route Handlers (API Routes)Menengah
54.Route Handlers LanjutanMahir
55.Middleware DasarMahir
56.Middleware MatcherMahir
57.Environment VariablePemula
58.Pengenalan AutentikasiMenengah
59.Proteksi Route dengan AuthMahir
60.Proyek: Blog + APIMahir
Kuis 5 soal terbuka di modul terakhir bab ini.