This Gatsby starter provides a streamlined, one-page marketing site solution tailored for SaaS companies and indie hackers. It leverages Gatsby.js for fast performance and modern web development practices. Key features include a responsive design, smooth-scrolling navigation, and easy integration with Netlify Forms for lead generation.
The starter is built with styled-components for flexible and maintainable styling, allowing for easy customization of the visual theme and global styles. Navigation is powered by react-anchor-link-smooth-scroll and react-scrollspy, enabling seamless transitions to different sections of the single-page layout.
Getting started is simple:
- Install Gatsby CLI:
npm install -g gatsby-clioryarn global add gatsby-cli - Create a new project:
gatsby new my-saas-marketing-site https://github.com/keegn/gatsby-starter-saas-marketing - Install dependencies:
yarn install - Start development server:
gatsby develop
For deployment, the starter is optimized for Netlify, with a dedicated guide available. It also includes an example for collecting emails using Netlify Forms, demonstrating how to set up a basic lead capture form with honeypot protection. The project structure emphasizes clean code and modular components, making it an ideal foundation for quickly launching a marketing presence for a new product or service. Developers can easily extend its functionality and adapt it to specific branding requirements. The starter also includes a CODE_OF_CONDUCT.md and LICENSE (MIT) for open-source best practices.
