- 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.
Note: feel free to use bun
instead of npm
.
- Clone and install dependencies
NAME='my-cool-app'
git clone git@github.com:amatiasq/app "$NAME"
cd "$NAME"
npm install
- Create
.env
by copying it from.env.sample
cp .env.sample .env
- Run supabase
npm run supabase
- Run vite
npm run vite
- Open
http://localhost:8000
. This is supabase admin. - Create a user at
http://localhost:8000/project/default/auth/users
- Open whatever port Vite used (
http://localhost:5173
maybe?) - 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.