https://github.com/ctwhome/top-nuxt3
Full stack Nuxt 3 Template starter with Supabase and Tailwindcss
https://github.com/ctwhome/top-nuxt3
nuxt3 starter-template supabase tailwindcss
Last synced: 2 months ago
JSON representation
Full stack Nuxt 3 Template starter with Supabase and Tailwindcss
- Host: GitHub
- URL: https://github.com/ctwhome/top-nuxt3
- Owner: ctwhome
- Created: 2021-12-24T08:14:33.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-18T05:36:32.000Z (about 3 years ago)
- Last Synced: 2025-02-05T13:52:12.564Z (3 months ago)
- Topics: nuxt3, starter-template, supabase, tailwindcss
- Language: Vue
- Homepage: https://top-nuxt3.netlify.app
- Size: 2.68 MB
- Stars: 114
- Watchers: 4
- Forks: 17
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Top Nuxt 3 Starter Template
The fastest and most comfortable development experience started template.
Everything comes installed for a speedy staring with examples. Simply remove what you don't need and you are good to go :)
With 💚 from [@ctwhome](https://github.com/ctwhome), inspired by [@antfu vitesse](https://github.com/antfu/vitesse).
## Features
* [x] [❇️ Nuxt 3](https://v3.nuxtjs.org)
* [x] 🔥 The `` syntax
* [x] 🏎 Zero-config cloud functions and deploy SSR working with Netlify thanks to the new Nuxt 3 Functions
* [x] 📥 APIs auto importing - for Composition API, VueUse and custom composables.
* [x] ESR, File-based routing, components auto importing, modules, etc.
* [x] 🦾 TypeScript
* [x] 💻 .env settings environments
* [x] ⭐️ Format on save with ESLint (VSCode Settings file and WebStorm)
* [x] ⚡️ Vite - Instant HMR
* [x] 📴 PWA - [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) (thanks to [@userquin](https://github.com/userquin) for the contribution)
* Offline mode, new content available prompt,
* WIP PWA not working correctly.
* [x] 🎨 [TailwindCSS 3](https://tailwindcss.com/) - JIT engine by default
* [x] 👩🎨 [DaisyUI](https://daisyui.com) - Theme CSS components for TailwindCSS
* [x] [🌈 Theme switcher](https://github.com/saadeghi/theme-change) - Custom theme and 22 themes to choose from.
* [ ] 📄 Styled Markdown HTML components
* [x] Render Vue and HTML from markdown
* [ ] Dynamic pages, (Limitation with Vite, I can't import dynamically files based on route params https://vitejs.dev/guide/features.html#glob-import)
* [x] ✨ All [Iconify](https://iconify.design/) on-demand - +100.000 SVG icons completely customizable
* Note that SSR will throw a warning because the SVG are not being processed server side. https://docs.iconify.design/icon-components/vue/#ssr
* [x] 🌐 Multi-language support with [vue-i18n-next](https://github.com/intlify/vue-i18n-next) thanks to [@intlify/nuxt3](https://github.com/intlify/nuxt3)
* [x] YAML, JSON, JSON5 locale files
* [ ] Localize routes: (/en/about, /es/about, ...)
* [ ] 🐘 Supabase - WIP - Full stack development with Auth, Realtime, Storage, and of course PostgreSQL
* [ ] 🍍 [State Management via Pinia](https://pinia.esm.dev/)
* [ ] 📤 Feed RSS generator
### Nuxt Modules
* [x] [VueUse](https://github.com/vueuse/vueuse) - a collection of useful composition APIs
* [ ] [Pinia](https://pinia.esm.dev/) - intuitive, type-safe, light, and flexible Store for Vue.
## Motivation and Personal Opinion
Nuxt is awesome, I am trying to use Nuxt 3 as much as I can to at least have the same features working that I have on [top-nuxt](https://github.com/ctwhome/top-nuxt) with Nuxt 2.
## Installation and running locally
```bash
npx degit ctwhome/top-nuxt3 <directory-name>
yarn install
```
## Updating fork
1. Add remote from the original repository in your forked repository:
```shell
git remote add upstream git://github.com/ctwhome/top-nuxt3.git
git fetch upstream
```
1. Updating your fork from the original repo to keep up with their changes:
`git pull upstream main`
Start the development server on [http://localhost:3000](http://localhost:3000)
```bash
yarn dev
```
## IDE
We recommend using [VS Code](https://code.visualstudio.com/) with [Volar](https://github.com/johnsoncodehk/volar) to get the best experience (You might want to disable Vetur if you have it).
## Production
Build the application for production:
```bash
yarn build
```
Check out the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).