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.
