Getting Started with Astro
Getting Started with Astro
Astro is a modern static site generator that delivers zero JavaScript by default. It’s perfect for content-focused websites like blogs and documentation.
Why Astro?
Astro’s key differentiator is its island architecture. Instead of shipping JavaScript for your entire page, Astro only loads JavaScript for the interactive components that need it. The rest of your site is pure HTML and CSS.
Key Features
- Zero JS by default - Only add JavaScript where you need it
- Bring your own framework - Use React, Vue, Svelte, or plain HTML
- Content collections - Type-safe Markdown and MDX
- Fast builds - Optimized for static site generation
Getting Started
To create a new Astro project, run:
npm create astro@latestFollow the prompts to set up your project. You can start with a minimal template or one that includes a blog or documentation setup.
Next Steps
Explore the Astro documentation to learn about routing, components, and deployment options.