Community Setup

Gatsby Static Site with GraphQL

Claude Code setup for Gatsby with GraphQL queries, image optimization, and headless CMS patterns.

$3
Web DevelopmentdeveloperbeginnerVS CodeGitHubNode.jsReact / Next.js
By Initly Team0 downloads

Get full access to this setup

Includes complete instructions, config files, and action checklist.

VS CodeGitHubNode.jsReact / Next.js

Instructions Preview

1. Install Claude Code

npm install -g @anthropic-ai/claude-code

2. Create Gatsby Project

npm init gatsby my-site
cd my-site

3. Add Config

Copy CLAUDE.md and agents to your project.

4. Verify

claude

Ask Claude to create a page with a GraphQL query....

Purchase this setup to see the full instructions

Config Files

Purchase to download these config files.

CLAUDE.mdLocked
code-reviewer.mdLocked