More Premium Hugo Themes Premium Nuxt Themes

Nuxt Supabase

Nuxt Supabase Realtime CRUD template with optimistic UI

Nuxt Supabase

Nuxt Supabase Realtime CRUD template with optimistic UI

Author Avatar Theme by ctwhome
Github Stars Github Stars: 18
Last Commit Last Commit: Mar 14, 2021 -
First Commit Created: Dec 18, 2023 -
Nuxt Supabase screenshot

Overview:

The Nuxt Supabase Realtime CRUD template is a full stack recipe project built with Nuxt.js, Vuetify, Supabase, Postgres, and hosted on Netlify. This template showcases various features such as realtime CRUD operations, authentication, federated login with Google, and local development with docker-compose. The template utilizes Supabase for its database, realtime functionality, and authentication. The project also provides DB initialization files and allows for customization through environment variables.

Features:

  • Realtime CRUD example: Allows for creating, reading, updating, and deleting data in realtime.
  • Auth: Provides authentication functionality for users.
  • Federated login with Google: Enables users to login using their Google credentials.
  • Role definitions: Allows for the definition and management of different user roles (not implemented).
  • DB Init files (SQL): Includes SQL scripts for initializing the database.
  • DB migrations between environments: Not specified.
  • Running locally with docker-compose: Provides a docker-compose configuration for local development.
  • Licensing Notes: Offers information on tracking and understanding licensing for Node applications.

Installation:

  1. Prepare database and Auth:

    • Edit the local .env file to add the URL and token from Supabase.
    • Create a table called “todos” with the following SQL command: CREATE TABLE todos ....
    • Add login with Google from the Auth settings in Supabase.
    • For a guided tutorial, follow the steps in this video.
  2. Development:

    • For a detailed explanation on how things work, refer to the Nuxt.js docs.
    • To track and understand licensing in the project, run the following command locally: npx license-checker --summary.
    • To view only production packages: npx license-checker --production.
    • For more options, refer to the license-checker documentation.

Summary:

The Nuxt Supabase Realtime CRUD template is a comprehensive project that provides a starting point for developing full stack web applications with Nuxt.js and Supabase. It offers features such as realtime CRUD operations, authentication, and federated login with Google. The template includes DB initialization files and supports local development with docker-compose. It also provides information on tracking and understanding licensing for Node applications. Overall, this template offers a solid foundation for developing dynamic and interactive web applications.