Gatsby Blogu Oluşturma: GraphQL Sayfa Sorgularıyla Gönderileri Listeleme

Statik site oluşturucular inanılmaz bir hız sunar, ancak içeriğinizi dinamik olarak görüntülemek, veri sorgulama konusunda sağlam bir anlayış gerektirir. Bu kurs, modern web geliştirme araçlarını kullanarak içeriğinizi kullanıcı arayüzünüze bağlamanın temellerinde size rehberlik eder. GraphQL sayfa sorgularında uzmanlaşarak, sabit kodlanmış düzenlerden dinamik, içerik odaklı bir Gatsby ana sayfasına geçiş yapacaksınız. Neler öğreneceksiniz: - Temel GraphQL kavramlarını ve Gatsby'nin veri şemalarını nasıl ele aldığını anlayın. - Gönderi meta verilerini ve frontmatter'ı depolamak için Markdown dosyalarını yapılandırın. - Dönüştürülmüş Markdown verilerini çekmek için GraphQL sayfa sorguları yazın. - Sorgulanan verileri kullanarak React'te dinamik liste bileşenlerini oluşturun (render edin). - Sayfa yüklemesini ve içerik yapısını optimize etmek için modern performans uygulamalarını uygulayın. Kurs, pratik sorgu oluşturma ve bileşen oluşturmaya (rendering) geçmeden önce temel terminoloji ve Gatsby'nin veri katmanı temelleriyle başlar. Blog listenizi oluşturmak için yapılandırılmış açıklamaları okuyacak ve gerçek dünya kod parçacıklarını analiz edeceksiniz. Bu kurs, temel HTML, CSS ve React bilgisine sahip web geliştirme acemileri için tasarlanmıştır; daha önce GraphQL deneyimi gerekmez. Statik sitelerinizdeki dinamik verilerin gücünü ortaya çıkarmak için okumaya bugün başlayın.