GatsbyJS with Netlify CMS

anjosebar

Antonio J.

Posted on April 12, 2020

GatsbyJS with Netlify CMS

GatsbyJS is a powerful framework based on React; combined with Netlify CMS and Bulma CSS you can create fast apps with zero server configuration. πŸš€

Personal Web

About two weeks ago I created a personal website for my girlfriend Sarah Stand, just for fun and practice. It was easy to get the app up and running with the Netlify CMS Starter, cloned to my GitHub account and deployed with Netlify in less than a minute. Building the UI was easy with Bulma CSS because it comes with many common components like sidebar, hero, sections, bottom navigation bar. At this moment she's able to edit the content (text and images) all within Netlify CMS's page editor, that'll trigger a commit and push into the GitHub repository updating the markdown files required to load the react components. Where the magic happens ✨

Landing page

Another day I worked on a landing page for my startup. The CTA was to have the user submit the form, so I decided to give it a try to Gatsby with the previous starter template. The Netlify's built-in form handling is an awesome feature, it detected the form tag in the website and you can start receiving submissions in no time, zero server configurations. Additionally, I could configure an email and slack message notifications with a few clicks! πŸ‘Œ

It was an enjoyable experience to develop with all of these tools. I'm thinking about new features to work on it, probably I'll test out the blog that cames with NetlifyCMS. Let me know any suggestion you have and I'll take it into account for upcoming websites πŸ’­

Links

πŸ’– πŸ’ͺ πŸ™… 🚩
anjosebar
Antonio J.

Posted on April 12, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Dark Mode with Gatsbyjs for Dummies
gatsby Dark Mode with Gatsbyjs for Dummies

October 25, 2022

Best Gatsby CMS in 2022
gatsby Best Gatsby CMS in 2022

August 11, 2022

Gatsby Development 101
gatsby Gatsby Development 101

August 11, 2022

Getting started with gatsby js
gatsby Getting started with gatsby js

December 30, 2021