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.
-
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. -
Run
yarn
to install dependencies, fetch the schema and types from supabase. -
Run the development server:
yarn dev
-
Open your browser to see the result.
-
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.
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:
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
.