0 views
Read
#0
Belajar Gatsby - Pre-Requisites Skill & Setup Environment
Sebelum menyentuh Gatsby, kalian perlu menguasai HTML, CSS, JavaScript ES6+, dasar React, serta konsep static site generation dan JAMstack. Di episode ini kalian juga menyiapkan Node.js LTS, editor, dan Gatsby CLI untuk memulai perjalanan.
August 10, 2026
00
Read
#1
Belajar Gatsby - Sejarah, Latar Belakang & Mengapa Membutuhkan Gatsby
Episode ini menelusuri sejarah Gatsby dari versi 1 hingga 5, posisinya dalam ekosistem JAMstack dan headless architecture, serta masalah nyata yang diselesaikannya: performa, SEO, integrasi data, dan developer experience.
August 10, 2026
00
Read
#2
Belajar Gatsby - Konsep Dasar & Arsitektur Utama
Episode ini membedah arsitektur Gatsby dari dalam: data layer GraphQL dengan source plugins, proses build source-transform- generate, struktur project, serta perbedaan page query, static query, dan jenis-jenis routing.
August 10, 2026
00
Read
#3
Belajar Gatsby - Memulai Proyek Gatsby
Episode praktik pertama: membuat project Gatsby baru lewat CLI, memahami struktur folder yang terbentuk, menjalankan dev server dengan hot reload, serta menambahkan dan mengonfigurasi plugin dasar di gatsby-config.js.
August 10, 2026
00
Read
#4
Belajar Gatsby - Pages, Components & Layouts
Episode ini membangun fondasi tampilan Gatsby: membuat halaman melalui file di src/pages, memisahkan komponen reusable dengan pola layout, memilih strategi styling dari CSS Modules hingga Tailwind, dan mengelola metadata lewat Gatsby Head API.
August 10, 2026
00
Read
#5
Belajar Gatsby - Data Fetching & GraphQL
Episode ini membedah data layer Gatsby: konsep GraphQL sebagai bahasa query, perbedaan page query dan static query, cara menyediakan konten dari Markdown, JSON, dan API, serta querying gambar dan relasi antar konten.
August 10, 2026
00
Read
#6
Belajar Gatsby - Images & Media Optimization
Episode ini membahas optimasi gambar di Gatsby: gatsby-plugin-image untuk gambar responsif, konfigurasi gatsby-plugin-sharp dan gatsby-transformer-sharp, lazy loading dan placeholder, serta penanganan audio dan video di halaman.
August 10, 2026
00
Read
#7
Belajar Gatsby - Plugins & Themes
Episode ini membedah ekosistem plugin dan theme Gatsby: cara kerja dan jenis plugin, proses install dan konfigurasi dengan options, pembuatan theme yang reusable, serta best practice urutan plugin dan dampaknya terhadap performa build.
August 10, 2026
00
Read
#8
Belajar Gatsby - Configuration & Environment
Episode ini membedah konfigurasi Gatsby: peran gatsby-config.js dan gatsby-node.js, environment variables dan konvensi GATSBY_ prefix, source dan transformer plugins, kustomisasi schema data, serta cara mengelola secret dan pengaturan per-environment.
August 10, 2026
00
Read
#9
Belajar Gatsby - Content Management & CMS Integration
Episode ini membahas pengelolaan konten di Gatsby: sourcing Markdown dan MDX, integrasi headless CMS seperti Contentful dan Strapi, preview mode dan alur kerja berbasis CMS, serta content modeling dan optimasi query.
August 10, 2026
00