/app

Template for a Web app with Supabase backend

Primary LanguageTypeScript

Template for web apps

  • Vite builds the frontend with SolidJS
  • Supabase provides secured DB and file storage
  • Storybook configured with SolidJS to isolated component test

Comes already with a sidebar with navigation, some paths only accessible to authorized users.

/login with redirection to where the user expected to access out of the box.

A logged in user will see a section at the bottom of the sidebar with logout button.

How to run

Note: feel free to use bun instead of npm.

  1. Clone and install dependencies
NAME='my-cool-app'
git clone git@github.com:amatiasq/app "$NAME"
cd "$NAME"
npm install
  1. Create .env by copying it from .env.sample
cp .env.sample .env
  1. Run supabase
npm run supabase
  1. Run vite
npm run vite
  1. Open http://localhost:8000. This is supabase admin.
  2. Create a user at http://localhost:8000/project/default/auth/users
  3. Open whatever port Vite used (http://localhost:5173 maybe?)
  4. Login with that user

You may want to replace all occurrences of app-template in files with the name of your application.

If you're deploying this change the values in .env. Supabase docs are great for this.