Back to posts

Gatsby Cloud ve Contentful İncelemesi

Berkay Demirbas

Gatsby Cloud

Gatsby tarafından yine Gatsby ile oluşturulmuş web sitelerinin daha hızlı ve daha stabil yönetilebilmesi için tasarlanmış platform.

gatsbyjs.com/cloud

Contentful

API öncelikli headless CMS.

contentful.com

Genel Bakış

Normal şartlarda, bir Gatsby projenizle CMS entegrasyonu yapabilmeniz için, config.js dosyalarıyla, headles CMS'inizdeki API kodlarını entegre etmeniz gerekiyor.

Ancak Gatsby Cloud ile bunu hiç kod yazmadan da, hazır starter paketlerini kullanarak bunu kolaylıkla yapabiliyorsunuz.

Yeni Site Oluşturma

Login olduğunuzda, varolan bir Gatsby sitenizle mi yoksa hazır starter paketiyle mi devam edeceğiniz soruluyor.

Gatsby Cloud CMS Selecting

Daha sonra Create a new site kısmında, hem projemizin hem de Gatsby Cloud tarafından açılacak yeni repository'nin ismini giriyoruz.

Gatsby Cloud Create a new site

GitHub üzerinden devam ettiyseniz, açılan repository'yi kontrol edebilirsiniz.

GitHub Repository Check

Gatsby Cloud arayüzünde görebilecğiniz diğer bir kullanışlı özellik de, deploy edilen branch'in Google Lighthouse skor özetini gösteriyor olması.

Gatsby Cloud Google Lighthouse

Contentful içindeki Content Model'ler ile içeriklerinizi düzenleyebilirsiniz.

Contentful Dashboard Content Edit

İçeriği düzenledikten ya da yeni bir içerik oluşturduğunuzda, repository'nizde herhangi bir değişiklik olmuyor. Dolayısıyla tüm veritabanınız artık Gatsby Cloud ve entegre ettiğiniz Headless CMS arasında kalıyor. Yapılan değişikliği de anında random key ile size verilen domainden görebiliyorsunuz. Bu da güzel bir özellik. Normalde, localhost üzerinde yaptığınız değişikliği Hot Reloader ile görüntüleyebiliyordunuz.

Contentful ücretli bir ugulama, ancak ücretsiz kısmında da pek çok özelliği kullanabiliyorsunuz. Şöyle ki, free bir hesapta, usage kısmında yaptığınız kullanımların ne şekilde count edildiğini görebilirsiniz.

Contentful Dashboard Usage

Not: Büyük projeler için tasarlanmış neredeyse tüm headless CMS'ler ücretli. Dolayısıyla size sunduğu API ve performans çözümlerini ve bütçenizi göz önünde tutarak proje başlatmanız daha avantajlı olacaktır. 2020 En iyi Headless CMS'leri diye bir çalışmaya da başladım, bugünler de yayına alacağım.

Detaylı videoyu, buradan izleyebilirsiniz.

Gatsby Cloud Jamstack Gatsby Contentful Headless CMS
© 2021, I use Cookie 🍪