Lesson 1
Visi Proyek: Blog Profesionalmu
Lihat apa yang akan kamu bangun: sebuah blog developer yang modern, cepat, dan 100% milikmu menggunakan Next.js, MDX, dan Tailwind CSS. Ini lebih dari sekadar proyek, ini aset kariermu.
Lesson 2
Kuis: Belum dikerjakanPondasi & Desain Awal
Mulai bangun blogmu! Pelajari cara setup proyek Next.js, membuat struktur folder yang rapi, dan membangun layout utama dengan Navbar, Footer, serta fitur canggih Light/Dark Mode.
Lesson 3
Kuis: Belum dikerjakanMenampilkan Daftar Artikel
Belajar memperlakukan file lokal sebagai database! Kita akan membuat artikel dalam format MDX, mem-parsing metadatanya, dan menampilkannya sebagai daftar post yang elegan di halaman blog.
Lesson 4
Kuis: Belum dikerjakanHalaman Detail Artikel (Rute Dinamis)
Kuasai rute dinamis di App Router untuk membuat halaman detail artikel. Pelajari cara mengambil data post berdasarkan slug dan merender konten MDX menjadi HTML yang indah.
Lesson 5
Kuis: Belum dikerjakanStyling Konten Profesional
Tingkatkan tampilan blogmu ke level profesional! Pelajari cara menggunakan plugin Tailwind Typography untuk styling konten instan dan implementasikan syntax highlighting canggih untuk blok kode.
Lesson 6
Kuis: Belum dikerjakanOptimasi SEO agar Ditemukan Google
Buat blogmu 'disukai' oleh Google! Pelajari konsep dasar SEO dan cara mengimplementasikan praktik terbaik di Next.js, termasuk metadata dinamis untuk setiap artikel dan sitemap otomatis.
Lesson 7
Kuis: Belum dikerjakanGo Live! Deployment ke Vercel
Saatnya Go Live! Pelajari cara mempublikasikan blog Next.js-mu ke seluruh dunia. Panduan langkah demi langkah deploy ke Vercel, dari push ke GitHub hingga mendapatkan URL live.
Lesson 8
Penutup & Langkah Selanjutnya
Selamat! Kamu telah berhasil membangun dan mendeploy blog profesional. Mari kita rangkum apa yang telah kamu pelajari dan lihat ke mana perjalanan web development-mu selanjutnya.
Module ini digunakan dalam 1 course. Progress, quiz akhir, dan sertifikat dikelola melalui course terkait.