COURSES / PLATFORM

Blog Modern dengan Next.js & MDX

Bangun blog portofolio modern yang cepat, rapi, dan SEO-friendly.

8 lessons

102h 0m

6 Quiz skill

Sertifikat terverifikasi

Tentang course ini

Dari nol hingga live. Course ini membahas cara membangun blog portofolio modern dengan Next.js App Router, MDX untuk konten, dan styling yang rapi untuk pembaca.

Belajar terarahQuiz pembatasSertifikat

Capaian yang akan kamu pelajari

Yang akan kamu pelajari

Ringkasan topik inti dan checkpoint yang akan kamu lewati di course ini. Isinya fokus ke materi, bukan janji kosong.

Membangun blog portofolio modern dengan Next.js

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.

Mengelola konten tulisan dengan MDX

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.

Mulai Blog Modern dengan Next.js & MDX sekarang

Belajar terarah, lulus quiz, dapat sertifikat.

Menyusun halaman blog yang rapi dan SEO-friendly

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.

Menjalankan blog sampai siap online

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.

Untuk siapa

Untuk siapa course ini?

Course ini cocok untuk pembelajar yang ingin struktur jelas, latihan terarah, dan hasil yang bisa dipakai.

Penulis teknis

Dirancang supaya mudah diikuti tanpa harus loncat-loncat ke referensi lain.

Blog portofolio

Dirancang supaya mudah diikuti tanpa harus loncat-loncat ke referensi lain.

Konten MDX

Dirancang supaya mudah diikuti tanpa harus loncat-loncat ke referensi lain.

Silabus

Struktur materi belajar

8 pelajaran terstruktur dilengkapi dengan latihan pemahaman, dari dasar sampai checkpoint akhir yang akan menghantarkan kamu naik level.

1 modul8 lesson7 quizSertifikat

LEVEL 1

Proyek: Membangun Blog Profesional dengan Next.js & MDX

Pelajari dasar-dasar dari Proyek: Membangun Blog Profesional dengan Next.js & MDX untuk memastikan struktur dan fungsionalitas yang baik pada halaman webmu.

Start level

Sertifikat Kursus

Buktikan skillmu dengan Sertifikat Kursus.

Lulus seluruh materi dan kuis pemahaman, lalu dapat sertifikat digital yang bisa diverifikasi secara publik. Pajang di profil atau LinkedIn sebagai bukti kamu benar-benar bisa.

Instruktur course ini

Muhamad Syamsul Hadi

Lead Systems Architect & Founder @ Mahir.dev

Pengembang perangkat lunak veteran dengan fokus pada performa Go, arsitektur microservices, dan sistem terdistribusi.

Berhenti cuma nonton. Mulai benar-benar bisa hari ini.

Ikuti alur Blog Modern dengan Next.js & MDX dari lesson pertama sampai sertifikat.

Course lain yang relevan

intermediate

AI Coding dengan Google Antigravity

Belajar workflow coding berbantuan AI dengan Google Antigravity lewat capstone Platform Donasi Amanah.

Platform

Belajar Next.js Full Stack

Lanjut ke React, TypeScript, Next.js, API, database, dan deploy.

Platform

Dasar Web Development

Fondasi web untuk pemula: HTML, CSS, JavaScript, dan workflow dasar.

Pertanyaan umum

Apakah course ini cocok untuk pemula?+

Ya, course ini dirancang agar pembaca bisa membangun blog modern dengan langkah bertahap.