https://github.com/Tyaaa-aa/NuxTya
A Nuxt 3 starter template with TypeScript, Tailwind CSS, Shadcn-vue, Pinia and Supabase
https://github.com/Tyaaa-aa/NuxTya
nuxt3 pinia shadcn-vue starter-template supabase tailwindcss typescript
Last synced: 7 months ago
JSON representation
A Nuxt 3 starter template with TypeScript, Tailwind CSS, Shadcn-vue, Pinia and Supabase
- Host: GitHub
- URL: https://github.com/Tyaaa-aa/NuxTya
- Owner: Tyaaa-aa
- Created: 2024-05-04T22:53:42.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-01T09:50:45.000Z (about 1 year ago)
- Last Synced: 2025-03-01T10:28:39.335Z (about 1 year ago)
- Topics: nuxt3, pinia, shadcn-vue, starter-template, supabase, tailwindcss, typescript
- Language: Vue
- Homepage: https://nuxtya.tya.design/
- Size: 175 KB
- Stars: 19
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcnui - Github
README
# NuxTya
### A no-nonsense minimal starter template for Nuxt 3 that prioritizes a clean and customizable base for your projects. Ready for 2025!
[](https://nuxtya.tya.design/)
## Features
- **🖥️ Shadcn-vue:** Beautiful and accessible UI components built with Radix Vue, and Tailwind CSS.
- **🍍 Pinia Store:** Lightweight state management solution.
- **⌨️ TypeScript:** Enables type safety and improved development experience.
- **💨 Tailwind:** Provides a utility-first CSS framework for rapid styling.
- **🛡️ Nuxt-Security:** Automatically configure your app to follow OWASP security patterns and principles.
- **💾 Supabase (optional):** Supabase is an open source Firebase alternative. (See the supabase branch)
## Getting Started
This starter template provides a clean foundation for your Nuxt 3 projects. Because of Nuxt's modularity you can remove any unwanted features and customize it to fit your specific needs.
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more about Nuxt 3 and its features.
**Here's a quick guide to get you started:**
1. **Choose your version:** If you want Supabase out of the box select the correct branch first
2. **Clone the repository:** Clone this repository or download the zip file.
4. **Install dependencies:** Run the appropriate installation command based on your package manager (npm, pnpm, yarn, or bun).
6. **Start the development server:** Run the development server command to start the application locally on `http://localhost:3000`.
8. **Customize and develop:** Remove any unwanted features or components and start building your application using Nuxt 3 functionalities.
**Remember:** This is a minimal starter template. Feel free to add additional features and functionalities as needed for your project.
## Setup
Make sure to install the dependencies:
```
# npm
npm install
# pnpm
pnpm install
# bun
bun install
```
## Development Server
Start the development server on `http://localhost:3000`:
```
# npm
npm run dev
# pnpm
pnpm run dev
# bun
bun run dev
```
## Production
Build the application for production:
```
# npm
npm run build
# pnpm
pnpm run build
# bun
bun run build
```
Locally preview production build:
```
# npm
npm run preview
# pnpm
pnpm run preview
# bun
bun run preview
```
## Add Shadcn-vue components
Build the application for production:
```
# npm
npx shadcn-vue@latest add
# pnpm
pnpm dlx shadcn-vue@latest add
# bun
bunx --bun shadcn-vue@latest add
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information on deploying your Nuxt 3 application.
See the [Shadcn-vue docs](https://www.shadcn-vue.com/docs/introduction.html) to see how to use it.
I hope you enjoy using NuxTya! If you have any feedback open an issue and I'll take a look.