Finance dashboard project based on Remix JS Blues stack using:
- supabase - postgresql database
- vite - build tool
- vitest - unit/integration testing
- eslint - linting
- prettier - formatting
- fly.io - hosting
- github actions - ci/cd
-
Set up supabase locally docs
-
Run the
remix.init
script and commit the changes it makes to your project.npx remix init git init # if you haven't already git add . git commit -m "Initialize project"
-
Login to supabase
supabase login
-
Start Supabase services Initialize Supabase to set up the configuration for developing your project locally:
supabase init
- Make sure Docker is running. The start command uses Docker to start the Supabase services. This command may take a while to run if this is the first time using the CLI.
supabase start
Once all of the Supabase services are running, you'll see output containing your local Supabase credentials. It should look like this, with urls and keys that you'll use in your local project:
-
create .env file
mkdir .env
-
add local supabase url and anon_key to .env file
SUPABASE_URL="http://localhost:54321" SUPABASE_ANON_KEY="your anon key"
-
apply migrations
supabase db start
-
Run the first build:
pnpm run build
-
Start dev server:
pnpm run dev
This starts your app in development mode, rebuilding assets on file changes.