This is an example / template respository which we can use to start an Astro 3 project with Tailwind CSS.
- Astro (v3) minimal template with TypeScript support
- Tailwind CSS
- Prettier with
- Astro plugin
- and VS Code settings for auto-formatting on save
- ESLint with
- Astro plugin
- Tailwind CSS plugin
- XO config
- disabled formatting
- and VS Code settings for auto-fixing on save
- VS Code extension recommendations
- Click on the "Use this template" button and select "Create a new repository"
- Clone your new repo
- Open the working copy in VS Code
- Install the extensions listed in
.vscode/extensions.json
: - Install Node.js, Astro requires at least v18
- Run
npm i -g pnpm
to install PNPM for faster dependency management - Run
pnpm i
to install dependencies - Reload VS Code window (command palette can help you, press Ctrl+Shift+P)
- Edit the project name in
package.json
- Edit your name in
LICENSE
file - Customize the ESLint, Prettier or VSCode configs to fit your needs
- Run
pnpm dev
and start developing your Astro project 🚀