https://github.com/michaelsynan/nuxt-ui-testing
https://github.com/michaelsynan/nuxt-ui-testing
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/michaelsynan/nuxt-ui-testing
- Owner: michaelsynan
- License: mpl-2.0
- Created: 2023-05-17T13:48:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-17T13:48:30.000Z (over 2 years ago)
- Last Synced: 2025-03-24T04:03:38.010Z (9 months ago)
- Language: Vue
- Size: 57.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Nuxt Tailwind Template with Pinia 🎉
**Website demo:** https://michaelsynan.github.io/Nuxt-Tailwind-Template/
Minimal [Nuxt 3](https://nuxt.com/) Tailwind and Pinia starter repo, with assets, layouts, pages and components directories set up.
**Includes** 👇
- TailwindCSS ([docs](https://tailwindcss.com/docs/installation))
- Pinia ([docs](https://pinia.vuejs.org/core-concepts/))
- unplugin-icons ([repo](https://github.com/antfu/unplugin-icons) | [icon look-up](https://icones.js.org/))
- Basic base styles
- Pages directory
- Default layout
- Optional [Base Layer](https://github.com/michaelsynan/nuxt-base-layer) for additional comments via extends
## Instructions
```
git clone https://github.com/michaelsynan/Nuxt-Tailwind-Template.git
cd Nuxt-Tailwind-Template/
npm install
npm run dev
```
## Enable & Customize Base Layer
Take advantage of pre-built components using Nuxt extends.
1. Clone the [Base Layer](https://github.com/michaelsynan/nuxt-base-layer) repo.
2. Uncomment in nuxt.config.ts and update Nuxt config file:
```
// extends: [
// 'github:michaelsynan/nuxt-base-layer#master'
// ]
```
## Deploy Static Site to GitHub Pages
See this [gist](https://gist.github.com/michaelsynan/307a267eff9b35e1b7f333da5e151e99).
## Roadmap
- [x] [Base Layer](https://github.com/michaelsynan/nuxt-base-layer) components via extends
- [ ] Nuxt 3 Beginners Guide