Semua course
Materi oleh Hifzon Β· Pemula

Next.js untuk Pemula

Bagian dari jalur: Frontend Developer, Fullstack Developer (JavaScript)

Belajar Next.js dari nol dengan bahasa sederhana: halaman & routing, Link, layout, rute dinamis, Server vs Client Component, menampilkan data, API, gambar, SEO, styling, hingga deploy. Belajar santai lewat animasi, materi singkat, dan latihan yang langsung dicek.

4.9 rating 16 part 1 peserta aktif Pemula
Akses gratis Tanpa instalasi Sertifikat kelulusan
16Part seru
GratisAkses penuh
1Peserta aktif
1Sertifikat kelulusan
Hasil belajar

Setelah ini, kamu bisa...

Routing otomatis dari folder
Link, layout, dan rute dinamis
Server & Client Component
Data, API, gambar, dan SEO
Styling dan deploy ke Vercel
Proyek akhir blog mini
Keunggulan

Belajar jadi lebih gampang dan nggak ngebosenin

Animasi konsep

Tiap part dibuka dengan animasi singkat, jadi konsepnya langsung kebayang. Nggak cuma baca teks!

Materi mudah dipahami

Dijelaskan pelan-pelan pakai analogi, contoh kode, dan tips biar nggak salah di hal yang umum.

Latihan interaktif langsung

Langsung praktik di halaman yang sama. Jawabanmu dicek otomatis, dan ada petunjuk kalau kamu mentok.

Belajar bertahap

Selesaikan latihan untuk membuka part berikutnya, jadi dasarmu selalu kuat.

Quiz akhir

Tes seberapa paham kamu sebelum ambil sertifikat.

Sertifikat kelulusan

Sertifikat atas namamu siap diambil setelah semua part selesai dan quiz minimal 70.

Peta Petualangan

Tuntaskan misi, kumpulkan XP

1Apa itu Next.js? +100 XP
Membuat Proyek & Struktur Folder+100 XP
Halaman & Routing Folder+100 XP
Pindah Halaman dengan Link+100 XP
Layout: Kerangka Bersama+100 XP
Rute Dinamis dengan [slug]+100 XP
Server vs Client Component+100 XP
Menampilkan Data & Daftar+100 XP
Route Handler: Membuat API+100 XP
Gambar dengan Image+100 XP
Metadata: Judul & SEO+100 XP
Styling: CSS Module & Tailwind+100 XP
File Khusus: Loading, Error, Not Found+100 XP
Form Sederhana+100 XP
Environment Variable & Deploy+100 XP
Proyek Akhir: Blog Mini+100 XP
πŸ†Quiz Arena+150 XP
Lulus Misi aktif Terkunci πŸ† Quiz Arena membuka sertifikat Β· tamat course +300 XP bonus
Kurikulum

16 part, dari nol sampai bisa

Daftar part
0 dari 16 part selesai
1
Apa itu Next.js?Mengenal Next.js dan kenapa banyak orang memakainya.
Buka
Membuat Proyek & Struktur FolderSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Halaman & Routing FolderSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Pindah Halaman dengan LinkSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Layout: Kerangka BersamaSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Rute Dinamis dengan [slug]Selesaikan part sebelumnya untuk membuka latihan. Baca materinya
Server vs Client ComponentSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Menampilkan Data & DaftarSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Route Handler: Membuat APISelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Gambar dengan ImageSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Metadata: Judul & SEOSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Styling: CSS Module & TailwindSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
File Khusus: Loading, Error, Not FoundSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Form SederhanaSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Environment Variable & DeploySelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Proyek Akhir: Blog MiniSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Pengajar

Ditemani mentor

H
Mentor kamu

Hifzon

Course ini disusun santai tapi praktis: teori singkat, animasi, lalu langsung latihan, supaya kamu terbiasa mencoba sendiri sejak part pertama.

Lanjut belajar

Course lain yang cocok untukmu

FAQ

Masih bingung? Cek ini dulu

Apakah course ini gratis?

Gratis! Cukup daftar dan verifikasi email, lalu semua part bisa langsung kamu buka.

Apakah saya perlu memasang aplikasi tambahan?

Nggak perlu. Semua latihan dikerjakan langsung di KelasIT, cukup pakai browser.

Bagaimana sistem kelulusan dan sertifikat?

Setiap part punya latihan singkat. Kalau sudah lulus, part berikutnya terbuka. Sertifikat bisa kamu ambil setelah semua part selesai dan quiz akhir minimal 70.

Harus selesai dalam berapa lama?

Bebas! Belajar sesuai tempomu, berhenti dan lanjut kapan saja. Progress-mu selalu tersimpan.

Apakah bisa dipelajari lewat ponsel?

Bisa banget untuk baca materi. Tapi untuk menulis kode, laptop atau tablet berkeyboard akan lebih nyaman.

Siap mulai belajar Next.js untuk Pemula?

Part pertama ringan kok. Mulai sekarang dan rasakan sendiri serunya belajar!

Coba Gratis Sekarang, Tanpa Daftar