Schema-Driven Astro Starter Kit Development

Grey

Grey Newell

Schema-Driven Astro Starter Kit

A production-ready starter kit that brings structured data, SEO optimization, and schema-driven development to your Astro projects. Built for developers who want to ship fast, maintainable, and search-engine friendly websites.

Demo

šŸŽÆ Why This Starter Kit?

Schema-First Development: Define your data structures once, use them everywhere. No more prop drilling or type mismatches.
Decap CMS Integration: Git-based content management with a user-friendly admin interface. Edit content directly in your browser, commit changes to your repository.
Accessibility-First Design: First-class accessibility controls for high contrast mode, keyboard navigation, screen reader support and more!
SEO Optimized: Built-in structured data and meta tags that search engines love.
Type Safety: Full TypeScript support with generated types from your schemas.
Performance: Astro's zero JavaScript by default approach means your site loads instantly.
Developer Experience: Hot reloading, type checking, and intuitive development workflow.

šŸš€ Quick Start

# Create a new project using this template
npm create astro@latest my-project -- --template https://github.com/greynewell/schema-driven-astro-starter

# Navigate to your project
cd my-project

# Install dependencies
npm install

# Start the development server
npm run dev

šŸ“š Documentation & Tutorials

šŸ—ļø Project Structure

/
ā”œā”€ā”€ src/
│ ā”œā”€ā”€ components/ # Reusable UI components
│ ā”œā”€ā”€ layouts/ # Page layouts
│ ā”œā”€ā”€ pages/ # Route components
│ ā”œā”€ā”€ schemas/ # Your data schemas
│ └── utils/ # Helper functions
ā”œā”€ā”€ public/ # Static assets
└── astro.config.mjs # Astro configuration

🚢 Deployment

GitHub Pages

Push your code to GitHub
Enable GitHub Pages in your repository settings
Set the build command to npm run build
Set the output directory to dist
# Build your site
npm run build

# Preview the production build
npm run preview

šŸ› ļø Available Scripts

CommandDescriptionnpm run devStart development servernpm run buildBuild for productionnpm run previewPreview production buildnpm run checkType check your codenpm run formatFormat your code

šŸ¤ Contributing

Found a bug? Have a feature request? We'd love to hear from you! Please open an issue or submit a pull request.

šŸ“„ License

MIT License - feel free to use this starter kit for any project, commercial or personal.

šŸ”— Links

Like this project

Posted May 16, 2025

Developed a schema-driven starter kit for Astro projects with SEO and accessibility features.