Step 3

Initial Configuration

Configure your GatsbyCar theme before going live — site URL, metadata, and basic settings.

Initial Configuration

Before deploying your website, you need to configure a few settings. This guide will walk you through each one.

Files You Will Edit

You will edit these files:

gatsby-config.js — main Gatsby configuration
content/data/widget.json — site-wide data (nav, footer, contact)
content/data/home.json — homepage content
content/data/contact.json — contact page content
content/data/about.json — about page content

Do not worry if this looks like a lot. Each file is explained step by step.

Step 1: Configure gatsby-config.js

Open gatsby-config.js in VS Code.

Site Metadata:

Find the siteMetadata section at the top:

siteMetadata: {
  title: `GatsbyCar - Car Rental Theme`,
  titleTemplate: `%s | GatsbyCar`,
  gst: `txAjpke5kwLvkUMrXmqAhnMt-1LlkjdyE431S7y12Yw`,
  author: {
    name: `Creativitas`,
    summary: `Modern Gatsby car rental theme with direct email booking and Decap CMS.`,
  },
  description: `Modern Gatsby car rental theme with direct email booking and Decap CMS.`,
  siteUrl: `https://gatsbycar.netlify.app/`,
  social: {
    twitter: `hockeycomp`,
    facebook: `mesinkasircomplete`,
  },
  keywords: [
    `gatsby car rental theme`,
    `gatsby car rental template`,
    `jamstack car rental theme`,
    `gatsby decap cms theme`,
    `direct booking car rental`,
  ],
},

All Documentation

Initial Configuration

Initial Configuration

Files You Will Edit

Step 1: Configure gatsby-config.js

Get in Touch

RentCar