skills.rest
agoodway
agoodwayOFFICIAL
Explore all skills by this author →
GitHub

bootstrap-astro

Bootstraps an Astro project with React, Tailwind, and Kamal deployment configuration.

1|Updated May 7, 2026
Search Tags:#react#docker#nginx#astro#tailwindcss#kamal#partytown
One-click install
npx skills add https://github.com/agoodway/GoodSkills --skill bootstrap-astro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bootstrap-astro
Source: https://github.com/agoodway/GoodSkills/tree/main/skills/bootstrap-astro
Command: npx skills add https://github.com/agoodway/GoodSkills --skill bootstrap-astro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bootstrapping an Astro project with the right stack and deployment wiring is time-consuming and easy to get wrong, especially when you need a consistent, production-ready setup.

Core Features & Use Cases

  • Astro v5 + TypeScript strict initialization: creates a minimal Astro app and enables strict TypeScript from day one.
  • Tailwind CSS v4 + React integration: configures styling via the Tailwind v4 Vite plugin and adds React/React DOM.
  • Sitemap, Partytown (GA), and Tidewave (dev): sets up SEO sitemap generation, performance-oriented Google Analytics through Partytown, and enables Tidewave integration for AI agents in development.
  • Production deployment with Kamal + nginx + Docker: adds Kamal deploy configuration, a multi-stage Dockerfile, and an nginx configuration optimized for static hosting and health checks.
  • Use case: You need a fast, repeatable starting point for a client or internal marketing site that must deploy cleanly and include analytics and sitemap from the start.

Quick Start

Run the bootstrap command to generate the full Astro project in your current directory.

Frequently Asked Questions about bootstrap-astro

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bootstrap a production-ready Astro site with Docker and nginx?▼

To bootstrap a production-ready Astro site, this Skill generates a complete project featuring a multi-stage Dockerfile, optimized nginx configuration for static hosting, and Kamal deployment setup. It delivers immediate deployment wiring so you can launch without manual configuration.

What's the best way to set up an Astro project with Tailwind CSS v4 and React?▼

Setting up an Astro project with Tailwind CSS v4 and React is handled by configuring Tailwind via the Vite plugin and integrating React with React DOM. This approach ensures a consistent, production-ready foundation with strict TypeScript enabled from initialization.

How do I configure Google Analytics with Partytown in an Astro project?▼

Configuring Google Analytics with Partytown in an Astro project is handled automatically by adding a performance-oriented integration. This moves third-party scripts to a web worker, improving site speed while maintaining analytics tracking alongside automatic sitemap generation.

Does Kamal work with Docker and nginx for static Astro site deployment?▼

Kamal works with Docker and nginx for static Astro site deployment by providing a complete configuration layer. The setup includes a Kamal deploy file, a multi-stage Dockerfile, and an nginx configuration optimized specifically for static hosting and health checks.

Can I use Astro with strict TypeScript for a marketing or documentation site?▼

Astro with strict TypeScript is fully supported for marketing or documentation sites. The initialization creates a minimal Astro v5 application and enables strict TypeScript from day one, ensuring type safety for greenfield frontends requiring sitemaps and analytics plumbing.

Why do I need Tidewave integration for AI agents in Astro development?▼

Tidewave integration for AI agents in Astro development enables AI-assisted coding capabilities during the development phase. It is configured alongside sitemap generation and Partytown analytics, creating an environment where AI agents can interact with your codebase effectively.

Related Skills

Explore More Software Engineering Skills→
KilledbyEricKilledbyEric
2

github-showcase-netlify

Synchronize GitHub project data and deploy static websites to Netlify.

Community
Intermediate
donnfelkerdonnfelker

deploy

Orchestrate Kamal deployment workflows with zero-downtime traffic cutover.

Community
Advanced
mauroviverosmauroviveros

tailwind-v4-shadcn

Configure Tailwind v4 and shadcn/ui for React projects with Vite.

Community
Advanced
theslashdojotheslashdojo

pages

Deploy static and full-stack apps to Cloudflare Pages with previews and edge Functions.

Official
Intermediate