Gatsby Starter Accessibility

Gatsby Starter Accessibility is a free, open-source Gatsby starter that extends the official default boilerplate with built-in accessibility tools, giving React developers a preconfigured starting point for accessible static sites. It takes a new site name and the starter's GitHub URL as input via the Gatsby CLI and outputs a fully scaffolded Gatsby project with the standard configuration files (gatsby-config.js, gatsby-node.js, gatsby-browser.js, gatsby-ssr.js), a source directory, and Prettier setup. The starter is created by Benjamin G. Robertson and is built for React-based sites using Gatsby's static site generation.

Key Features

• Default Gatsby boilerplate — Includes the main Gatsby configuration files and the standard src directory so you can start editing src/pages/index.js immediately.
• Accessibility tools preinstalled — The starter adds built-in accessibility tooling on top of the default Gatsby setup; the README does not enumerate the specific packages, so check the project's package.json for the exact dependencies.
• Gatsby CLI scaffolding — Create a new site in one command: gatsby new my-default-starter https://github.com/benjamingrobertson/gatsby-starter-accessibility.
• Development server with hot reload — Run gatsby develop to serve the site at http://localhost:8000; edits to source files update the browser in real time.
• GraphiQL data explorer — A second dev URL (http://localhost:8000/___graphql) gives you an interface for experimenting with GraphQL queries against your site's data.
• Prettier configuration — Ships with a .prettierrc file to keep code formatting consistent across contributors.
• One-click Netlify deploy — The README includes a Deploy to Netlify button that links directly to Netlify's deployment flow for this specific repository.
• MIT license — The underlying Gatsby boilerplate is MIT-licensed, and this starter inherits that open-source license.

Who is it for?

• Web developers starting a Gatsby project — Use the starter to skip initial configuration and get a working React site with accessibility tooling already in place.
• Teams building accessible React sites — The starter provides a foundation that includes accessibility features from the first commit, so accessibility is considered from the start.
• Gatsby learners — Because it's based on the official default starter, newcomers can follow the standard Gatsby tutorial and still have the accessibility additions available.

What can you do with Gatsby Starter Accessibility?

• Create a new site quickly — Generate a project with a single gatsby new command pointing at the starter's GitHub URL, then start developing immediately.
• Edit the homepage — Open src/pages/index.js, change the JSX, and see the result live via hot reloading.
• Deploy to Netlify — Click the Deploy to Netlify button in the README (or use the linked repository URL) to set up hosting without manual configuration.
• Query site data — Use the bundled GraphiQL interface at http://localhost:8000/___graphql to explore the GraphQL schema and test queries.

How does Gatsby Starter Accessibility work?

1. Run gatsby new my-default-starter https://github.com/benjamingrobertson/gatsby-starter-accessibility to create a local project.
2. Navigate into the project directory and run gatsby develop to start the development server.
3. Edit files under src/, such as src/pages/index.js, and the browser updates in real time.

Pricing

Gatsby Starter Accessibility is free and open-source. The project inherits the MIT license from the official Gatsby default starter, so you can use, modify, and distribute it without licensing fees.

Alternatives

• Official Gatsby default starter — The base template this project extends; it does not include the accessibility tooling that this starter adds.

FAQ

Is Gatsby Starter Accessibility free?

Yes. The parent Gatsby default boilerplate is MIT-licensed, and this starter inherits that open-source license, so it is free to use, modify, and deploy.

What accessibility tools does it include?

The README states that the starter ships with built-in accessibility tools, but it does not list specific package names or versions. For the exact dependency list, review the package.json file in the repository.

How do I create a new site with this starter?

Use the Gatsby CLI with the starter's GitHub URL. For example: gatsby new my-default-starter https://github.com/benjamingrobertson/gatsby-starter-accessibility.

Does this template include GraphiQL?

Yes. When you run gatsby develop, GraphiQL is accessible at http://localhost:8000/___graphql, allowing you to test and build GraphQL queries against your site's data.

Can I deploy this starter to Netlify?

Yes. The README includes a Deploy to Netlify button that links to Netlify's deployment start page for this repository, letting you launch a live site with minimal setup.