Gatsby Starter Landing Page screenshot

Gatsby Starter Landing Page

Author Avatar Theme by Gatsbyjs
Updated: 13 Jan 2023
57 Stars

Create custom landing pages using Gatsby and Contentful

Categories

Overview:

This starter-theme combo demonstrates how to create custom landing pages using Gatsby and Contentful. It provides a starting-point for building dynamic and customizable landing page components that match your visual brand. Whether you choose to deploy to Gatsby Cloud or work on your machine and deploy later, this starter theme is a valuable resource for creating engaging landing pages.

Features:

  • Integration with Contentful: Use Contentful as a headless CMS to manage and populate your landing page content.
  • Customization with Gatsby: Leverage the flexibility and power of Gatsby to create custom landing page components.
  • Easy installation: Follow step-by-step instructions to set up your Contentful space and get started with the starter theme.

Installation:

To install the theme, follow these steps:

  1. Prerequisites:

    • Create or have an existing Contentful space.
    • Retrieve the Contentful Space ID, Management API Token, and Delivery/Preview API Keys.
  2. Gatsby Cloud:

    • Use the “Deploy Now” button in Gatsby Cloud to quickly set up the starter theme.
    • Connect Contentful to your site and run the gatsby-provision script to populate your Contentful space with the necessary content model and demo data.
  3. Local Installation:

    • Create a Gatsby site using the Gatsby CLI.
    • Run the gatsby-provision command in your site’s root directory to set up your local environment variables and import the Landing Page content model and demo data to your Contentful space.
  4. Start Development:

    • Navigate to your site’s directory and start the development server using the appropriate command.
    • Access your site at http://localhost:8000 and start editing the source code.

Summary:

This starter-theme combo enables developers to create highly customizable and dynamic landing pages using Gatsby and Contentful. With easy installation instructions and integration with Contentful, this starter theme provides a solid foundation for building visually appealing and engaging landing pages that align with your brand.