astro-vue-template Tailwind Templates

Astro Vue Template

An Astro template with Vue, Tailwind and Vercel

Astro-vue-template

An Astro + vue template for building apps and deploying on vercel.

Usage

If you are reading this on github, you can click on the "Use this template" button above to create a new repository from this template to your account. Then you can do a git clone to clone it to your local system.

Alternatively, you can clone the project directly from this repo to your local system.

1. Clone the repo

git clone https://github.com/YuriSamp/astro-vue-template.git myProjectName
# or
git clone https://github.com/YuriSamp/astro-vue-template.git .

The . will clone it to the current directory so make sure you are inside your project folder first.

2. Install Dependencies

npm install
# or
yarn install
# or (recommended)
pnpm install

3. Start development Server

npm run dev
# or
yarn dev
# or (recommended)
pnpm dev

Preview & Build

npm run preview
npm run build
# or
yarn preview
yarn build
# or (recommended)
pnpm preview
pnpm build

I recommend using pnpm to save disk space on your computer.

Features

  • Vue 3
  • Vercel SSR Adapter
  • Tailwind CSS
  • Icons from Lucide

Recomendations

  • If you looking something like radix, go look zagjs
  • If you want cool fonts, go look fontshare
  • If you want amazing illustration, go look popsy.co

License

Licensed under the MIT license.

Top categories

Loading Svelte Themes