Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jungrama/nuxt-supabase-starter

Last synced: 7 days ago
JSON representation

Host: GitHub
URL: https://github.com/jungrama/nuxt-supabase-starter
Owner: JungRama
Created: 2023-11-16T04:42:00.000Z (about 1 year ago)
Default Branch: master
Last Pushed: 2023-11-20T15:46:09.000Z (about 1 year ago)
Last Synced: 2024-11-09T09:34:41.753Z (2 months ago)
Language: Vue
Homepage: https://nuxt-supabase-starter.vercel.app
Size: 7.53 MB
Stars: 12
Watchers: 2
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Nuxt Supabase Starter

This starter help you kickstart your next project with nuxt and supabase
without wasting much time to installing library and setup the needed utils.

## Install the starter kit

```
npx nuxt-supabase-starter my-app
```

![cover](https://raw.githubusercontent.com/JungRama/nuxt-supabase-starter/master/public/github-cover.png 'cover')

## Setup .env variable

Copy the .env.example file and rename the copy to .env in the same directory.

```
NUXT_PUBLIC_APP_URL=
NUXT_PUBLIC_SUPABASE_URL=
NUXT_PUBLIC_SUPABASE_KEY="
```

## Demo

https://github.com/JungRama/nuxt-supabase-starter/assets/31382668/615153e3-c369-4edb-81bb-6d5d027871fe

## Library

- ✅ **nuxt/ui**
Fully styled and customizable components for Nuxt. ✨

- ✅ **nuxt/icon**
Add 100,000+ ready to use icons by iconify

- ✅ **nuxtjs/color-mode**
Dark and Light mode with auto detection made easy with Nuxt 🌗

- ✅ **vueuse/nuxt**
Provides better Nuxt integration for VueUse auto-import capabilities.

- ✅ **nuxtjs/supabase**
Wrapper around supabase-js to enable integration with Nuxt.

- ✅ **vue-chart-js**
⚡ Easy and beautiful charts with Chart.js and Vue.js

- ✅ **yup**
Dead simple Object schema validation.

- ✅ **monaco-editor**
The Monaco Editor is the fully featured code editor from VS Code.

- ✅ **date-fns**
Simple and consistent toolset for manipulating JavaScript dates

- ⏳ **nuxtjs/i18n (WIP)**
Overrides Nuxt default routes to add locale prefixes to every URL

- ⏳ **pinia/nuxt (WIP)**
Pinia is a store library for Vue, share a state across components/pages.

- ⏳ **nuxtjs/content (WIP)**
Vue components in Markdown with the MDC syntax.

- ⏳ **Unit Test (WIP)**
Unit testing using Vitest.

- ⏳ **E2E Test (WIP)** E2E test using Cypress.

## Feature

- Authentication 🙂
- Password Auth 🔐
- OAuth with GitHub 🌐
- Realtime Code Editor 💻
- CRUD (Create, Read, Update, Delete) 📝
- Share to Public 🌍
- Realtime Code Viewer 👀
- Storage 💾
- Upload 📤
- Delete File 🗑️

## Links

- [Repository](https://github.com/JungRama/nuxt-supabase-starter)
- [Github](https://github.com/JungRama)
- [X](https://twitter.com/jungrama_id)
- [LinkedIn](https://www.linkedin.com/in/jungrama/)