I use Astro with Svelte for interactive components, Tailwind CSS for styling, and Prettier to keep formatting consistent. This guide walks through the project setup, strict TypeScript checks, and a static deployment to Vercel.

Getting started

Before you begin, make sure you have the following on your machine:

Node.js 22.12.0 or higher (odd-numbered releases are not supported)

Visual Studio Code with these extensions: astro-vscode, prettier-vscode, svelte-vscode, and tailwindcss-intellisense