Work in progress
This is a fork from https://github.com/web2033/vite-vue3-tailwind-starter and customized for a sushi restaurant landing page. Building a mockup with Tailwind CSS is fast, easy to pickup for rapid deployment.
This starter template also includes:
- Vue Router 4.x
- Inter var font (self-hosted, woff2, v3.18, with 'preload' attr, check out index.html)
- Just-in-Time mode by default introduced in Tailwind CSS v2.1 (in preview!)
- Headless UI - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
- Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
First-party plugins needed for Tailwind UI:
- Needs node version 12.0.0
- Use nvm to switch node version. To switch versions use
nvm list
, then select node version higher than 12.0.0 bynvm use 12.0.0
git clone https://github.com/web2033/vite-vue3-tailwind-starter
cd vite-vue3-tailwind-starter
npm:
npm i
npm run dev
npm run build
npm run serve
yarn:
yarn
yarn dev
yarn build
yarn serve
- vue-tailwindcss-cdn (a single HTML file with CDN links)
- CodePen Template with a similar stack (Vue 3.x + Tailwind 2.x + Inter var font)
- base.css (base styles for Tailwind CSS and other projects as an NPM package)
- Pinia - state-management alternative to Vuex 4 with a similar to upcoming Vuex 5 API
- VueUse - collection of essential Vue Composition Utilities