Getting Started with the Gatsby Blog Template

Follow

Agility CMS is a flexible headless CMS with an infinite number of ways to configure and set up your pages and content.

In order to showcase best-practices, evaluate, and help onboard new users when using Agility CMS with Gatsby, we recommend signing up for our pre-configured Gatsby Starter Blog. This template has a few pages along with some modules and content types already set for you to support a familiar blogging experience.

It's important to note though, that you can customize anything and everything in this template, it's just giving you a head start and serving as an example!

Try Now

Sign Up for our Gatsby and Agility CMS Starter Today for Free!

What we'll be covering in this guide:

How to Sign Up

Head to https://www.agilitycms.com and click on Get Started to sign up for a new Agility CMS account.

Screen_Shot_2020-10-27_at_2.36.28_PM.png

Sign up for a new Agility CMS account using Github, Google, Microsoft, or via Email & Password.

Screen_Shot_2020-10-27_at_2.40.03_PM.png

Fill out the following information to complete your profile.

Screen_Shot_2020-10-27_at_2.39.20_PM.png

Select the Starter Template project type.

Screen_Shot_2020-10-27_at_2.39.32_PM.png

Choose Blog with Gatsby as your starter template.

Screen_Shot_2020-10-27_at_2.40.56_PM.png

Select the Free developer plan.

Screen_Shot_2020-10-27_at_2.41.20_PM.png

Give your project a Name, and select whether you want to Deploy your site now, or save deployment for later.

Screen_Shot_2020-10-27_at_2.55.24_PM.png

Deploying now?

It's important to note that if you choose to deploy your project now, you will need to have a GitHub and a Vercel account.

Screen_Shot_2020-10-27_at_2.42.46_PM.png

🎉. Welcome to the Agility CMS Dashboard!

Overview of the Gatsby Starter Blog Template Instance

The Gatsby Starter Blog Instance consists of a collection of pre-initialized Pages, Page Templates, Modules, and Content.

Pages

Pages represent the pages available on your website.

  • /home - the root page of the site ('/') which as a few modules already on it
  • /posts - the primary listing page for blog posts
  • /posts/* - they dynamic page path used for blog posts

Page Templates

Page templates define the areas that modules can be added to.

  • One Column Template - a basic template that has a single content zone for adding modules

Modules

Modules are the functional components that are added on a page. Typically all of your content on a page is broken down into modules.

  • Jumbotron - a simple banner UI component that has a few fields
  • Rich Text Area - a WYSIWYG for displaying flexible HTML
  • Post Listing - a listing of your blog posts
  • Post Details - UI component representing the details of a blog post, used on the /posts/* dynamic page 

Content

  • Global Header - a content item with fields that are used for rendering a header on the website
  • Posts - a listing of blog posts, each post has a Title, Image, and Body

  Next Steps

Once you're familiar with the Gatsby Blog Template Instance, its time to set up a website that uses this content. 

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.