astro-template

An Astro project template with a few other defaults:

• Tailwind CSS for styling and UI
• TypeScript for type annotations
• Biome for code linting and formatting

Quickstart

This repository can be cloned using degit:

# clone `astro-template` into the `my-app` directory
pnpm dlx degit fboulnois/astro-template my-app

Creating this project

Skip this step. This step was already run and is kept for posterity.

This project was created using create astro.

The following steps were run to create this project:

# create a new minimal astro project
pnpm create astro -- --template minimal

# add tailwindcss as an astro plugin
pnpm astro add tailwind

# add biomejs to lint and format code
pnpm add -D @biomejs/biome

See the project history for other changes.

Developing

Install the dependencies using pnpm install.

To check the code for issues when developing:

pnpm lint
pnpm format
pnpm check
pnpm audit

To start a development server:

pnpm dev

Building

To create a production version of the app:

pnpm build

The production build can be previewed with pnpm preview.

To deploy your app, you may need to install an adapter for your target environment.