Astro Framework

Overview

Astro is a web framework that ships zero JavaScript to the client by default. It uses a component-based architecture with support for multiple frontend frameworks (React, Vue, Svelte, etc.) in the same project.

Process

1. Project Setup

npm create astro@latest
# Choose template (blog, docs, portfolio, etc.)
# Install dependencies

2. Create Pages

• Pages go in src/pages/
• File-based routing
• Support for dynamic routes with [param] syntax