New Project

Plasmic Supabase

This is a template built on top of Plasmic (for frontend), Supabase (for backend), and Next.js (platform).

DeployView Demo

Plasmic+Supabase Demo

This is a demo of building a Pokedex on top of Plasmic (for frontend), Supabase (for backend), and Next.js (platform). To read more about how this works, check out our tutorial here.

Getting Started

  1. Copy .env.example to .env and populate your Supabase credentials. The tutorial above will show you how to properly set up a compatible Supabase project.

  2. Run yarn to install dependencies, fetch the schema and types from supabase.

  3. Run the development server:

yarn dev

  1. Open your browser to see the result.

  2. You can view the Plasmic-built frontend here. If you want to make edits, clone the Plasmic project and note the new project ID and token. These fields will need to be updated in .env to reflect your changes.

Learn More

With Plasmic, you can enable non-developers on your team to publish pages and content into your website or app.

To learn more about Plasmic, take a look at the following resources:

  • Plasmic Website
  • Plasmic Documentation
  • Plasmic Community Forum

You can check out the Plasmic GitHub repository - your feedback and contributions are welcome!

Note: This Next.js project was bootstrapped with create-plasmic-app.

GitHub Repoplasmicapp/supabase-template
Use Cases
Starter
Stack
Next.js
CSS Modules
Database
Supabase
Auth
Supabase Auth

Related Templates

Supabase Starter

A Next.js App Router template configured with cookie-based auth using Supabase, TypeScript and Tailwind CSS.
Supabase Starter thumbnail

Next.js SaaS Starter

Postgres, Auth, Tailwind, shadcn/ui, and more.
Next.js SaaS Starter thumbnail

Stripe & Supabase SaaS Starter Kit

Full SaaS starter kit with Stripe for payments and Supabase for auth.
Stripe & Supabase SaaS Starter Kit thumbnail
DeployView Demo