Gatsby Strapi Starter

Gatsby Strapi Starter is a free Gatsby boilerplate for building landing pages, pre-wired with Bootstrap 4, Reactstrap components, and a set of analytics and deployment plugins. It takes a single gatsby new command to scaffold a new project from the GitHub template and outputs a static React site ready for Netlify hosting.

What is Gatsby Strapi Starter?

Gatsby Strapi Starter is a GitHub template that scaffolds a new Gatsby site via a one-line gatsby new command. It produces a static React website with Reactstrap UI components, Bootstrap styling, and a set of Gatsby plugins covering analytics, form fields, navigation, deployment, and PWA manifest generation. The starter is maintained by jeremylynch and demoed at gatsby-strapi-starter.netlify.com.

Key Features

• Bootstrap and Reactstrap — Uses Bootstrap 4 through Reactstrap components, plus reactstrap-form-fields and reactstrap-json-nav for forms and navigation.
• React Icons — Includes the react-icons library for including popular icon sets.
• Google Tag Manager — Ships with gatsby-plugin-google-tagmanager for tag management.
• Facebook Pixel — Includes gatsby-plugin-facebook-pixel for conversion tracking.
• Netlify deployment — Pre-installs gatsby-plugin-netlify for easy Netlify hosting.
• PWA manifest — Includes gatsby-plugin-manifest for web app installation.
• Styled components — Supports gatsby-plugin-styled-components for CSS-in-JS.
• Clean codebase — Passes npm audit, npm run lint, and npm run reformat without warnings.

Who is it for?

• Web developers who want a Gatsby starting point with a complete component set instead of a blank project.
• Marketing teams that need Google Tag Manager and Facebook Pixel preinstalled for tracking campaign performance.
• Netlify users who want a deployment-ready static site with the Netlify plugin included.

What can you do with it?

• Freelancers: Scaffold a client landing page with a contact form (the submit button needs a backend implementation).
• Startups: Launch a marketing site with analytics and PWA support in one command.
• Agencies: Use the JSON-driven navigation and form fields to spin up multi-page sites quickly.