Skip to content

victoraranguren/nextjs-crud-supabase

Repository files navigation

Next.js To-Do List with Email Notification

Alt text

It is a Web in which you can create, delete, update tasks and when you perform any action you will be notified by email about each action performed, made in NextJS at first with Prisma & SQLite and migrated to Supabase (In this video i show how i made the migration), for email notification uses Resend, layout with Tailwind CSS and uses Shadcn components.

Tech Stack

Screenshots

Home Page and Dark Mode Activated

Create Task

Create Task

Create Task

Table View

Table View

Update Task and Dark Mode Activated

Create Task

Clone and run locally

  1. You'll first need a Supabase project which can be made via the Supabase dashboard

  2. Create a Resend Account

  3. Clone this repository

    git clone https://github.com/victoraranguren/nextjs-crud-supabase.git
  4. Use cd to change into the app's directory

    cd nextjs-crud-supabase
  5. Create .env and update the following:

    NEXT_PUBLIC_SUPABASE_URL=[INSERT SUPABASE PROJECT URL]
    NEXT_PUBLIC_SUPABASE_ANON_KEY=[INSERT SUPABASE PROJECT API ANON KEY]
    RESEND_API_KEY=[INSERT RESEND API KEY]
    RESEND_EMAIL_TEST=[INSERT RESEND EMAIL TEST]
    

    Both NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY can be found in your Supabase project's API settings

    RESEND_API_KEY can be found in Resend API Keys

    RESEND_EMAIL_TEST is usually the email with which you created the account

  6. You can now install dependencies for the project with this command:

    npm i
  7. You can now run the Next.js local development server:

    npm run dev

    The starter kit should now be running on localhost:3000.

About

CRUD of a todo list made with NextJS and Supabase

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published