Bagian dari Perjalanan ReactBaruPerjalananBelajar Next.js
Kursus Next.js yang gratis dan interaktif, membawamu dari component React sampai aplikasi sungguhan: routing, layout, server component dan client component, pengambilan data, dan server action. Petunjuk AI membantu saat kamu buntu, dan kamu mendapat sertifikat gratis saat selesai.
2,609+ coder terdaftar
47 pelajaran41 tantangan99 soal kuis
- Ramah pemula
Bantuan coding dengan AI
Pelajaran interaktif yang praktis
Kuis untuk menguji pemahamanmu
Sertifikat penyelesaian gratis
Silabus
Bagian ini termasuk dalam Perjalanan React. Silabus lengkapnya punya lebih banyak bagian: klik pratinjau mana pun di bawah untuk melihatnya di halaman Perjalanan.
- Bagian 1Dasar-Dasar42 pelajaran
Bagian 2
Dasar-Dasar Next.js
Mulai bagianMulaiUbah komponen React menjadi aplikasi nyata: routing berbasis sistem file, layout, komponen server dan client, pengambilan data, server actions, serta proyek Next.js lengkap.Mengapa Next.js
4 pelajaran39Routing dan Tautan
6 pelajaran516Tata Letak dan Metadata
6 pelajaran515Server & Client
6 pelajaran515Data di Server
6 pelajaran516Server Actions
5 pelajaran413Navigasi Client
5 pelajaran515Proyek: Coddy Eats
Proyek9 pelajaran9
Belajar sambil praktik
Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.
Bangun streakmu
Tetap konsisten dan lihat progresmu bertumbuh! Pantau kebiasaan coding harianmu, lindungi streakmu dengan hari beku, dan raih hadiah karena hadir setiap hari.
12 hari streak
Kembali besok untuk menjaga streakmu!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gandakan atau hangus
Hari ke-5 dari 7
Pembeku Streak
2 left
Coding di mana saja
Bawa perjalanan coding-mu ke mana saja! Tanpa setup, tanpa unduhan: cukup buka dan mulai coding. Tersedia di iOS, Android, dan Web dengan rating bintang 4,9.
Kamu tidak sendirian
Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!
1
2
3
Zona promosiSemua cara belajar
Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.
Variabel adalah wadah bernama yang menyimpan nilai yang bisa kamu pakai lagi nanti di programmu.
Di Python, kamu membuatnya dengan menulis nama, tanda sama dengan, lalu nilai yang ingin kamu simpan.
Nilainya bisa berubah seiring waktu. Menetapkan ulang nama itu cukup membuatnya menunjuk ke nilai baru.
Dapatkan sertifikat
Dapatkan sertifikat untuk setiap kursus yang kamu selesaikan. Tambahkan ke profil LinkedIn dan CV-mu untuk menunjukkan keahlian coding-mu kepada pemberi kerja.
Sertifikat PenyelesaianDasar Python
Tambahkan ke LinkedInKenapa belajar Next.js dengan Coddy
- Bangun aplikasi Next.js di browser. Tanpa instalasi Node, tanpa create-next-app, tanpa konfigurasi. Setiap pelajaran memberimu direktori app sungguhan berisi layout, page, dan component untuk diubah.
- App Router seperti yang dipakai di production: folder sebagai route, dynamic segment, nested layout, server component vs client component, pengambilan data, state loading dan error, serta form dengan server action.
- Petunjuk AI yang membaca kodemu yang sebenarnya. Saat sebuah route menghasilkan 404 atau server component rusak, kamu mendapat dorongan yang menunjuk masalahnya tanpa memberikan jawabannya.
- Sertifikat gratis saat kamu menyelesaikan bagian ini. Next.js adalah framework React yang paling banyak dicari, dan itulah yang diminta lowongan frontend modern di samping React itu sendiri.
Pertanyaan yang sering diajukan tentang belajar Next.js
Apa itu Next.js?
Next.js adalah framework React untuk membangun aplikasi web yang lengkap. React memberimu component, dan Next.js menambahkan semua yang ada di sekitarnya: routing berbasis file, nested layout, server-side rendering, pengambilan data, dan server action untuk menangani form dan perubahan data. Next.js dibuat dan dikelola oleh Vercel, dan merupakan framework React yang paling banyak dipakai di production.
Apakah perlu menguasai React sebelum belajar Next.js?
Ya. Next.js dibangun di atas React, jadi component, props, dan state sebaiknya sudah terasa familier lebih dulu. Bagian ini adalah bagian kedua dari perjalanan React: bagian Fundamentals sebelumnya membahas persis dasar-dasar itu, jadi kamu bisa langsung mengikutinya berurutan.
Apakah kursus ini membahas App Router?
Ya. Bagian ini dibangun di sekitar App Router modern: direktori app, folder sebagai route, dynamic route segment, nested layout, dan model server/client component. Itulah arsitektur yang dipakai proyek Next.js baru secara default dan yang diharapkan lowongan kerja saat ini.
Apa bedanya server component dan client component?
Server component dirender di server: bisa mengambil data secara langsung dan mengirim lebih sedikit JavaScript ke browser. Client component berjalan di browser dan menangani interaktivitas: state, event, effect. Aplikasi Next.js memadukan keduanya, dan tahu kapan memakai yang mana adalah salah satu keterampilan inti yang dilatih bagian ini.
Bisakah belajar Next.js online secara gratis?
Bisa. Bagian Next.js interaktif ini gratis: pelajaran lengkap, tantangan kode sungguhan dengan umpan balik instan, dan petunjuk AI. Semuanya berjalan di browser, jadi kamu tidak perlu menginstal Node atau menyiapkan proyek untuk memulai.
Apakah ada sertifikat setelah kursus Next.js?
Ya. Setelah menyelesaikan bagian ini, kamu mendapat sertifikat kelulusan gratis yang bisa kamu bagikan di LinkedIn atau cantumkan di CV, bersama proyek Next.js lengkap yang kamu bangun di bab-bab terakhir.
