/figma-remix

Primary LanguageTypeScript

Figma Remix

Development

  1. Follow the "Create a project" steps for Supabase
  2. Get the connection string from the Supabase project settings
  3. Rename the .env.dev file to .env and replace the DATABASE_URL with the connection string from Supabase
  4. Remember to change the password in the connection string!
  5. Run npm run migrate to set up the database

Then, from your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Local Development

Alternatively, for local-only development:

  1. Install the Supabase CLI and prerequisites (Docker)
  2. Rename the .env.dev file to .env, keeping the DATABASE_URL pointing to localhost
  3. Run npm run migrate to set up the database

Then, from your terminal:

supabase start
npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Fly Setup

  1. Install flyctl

  2. Sign up and log in to Fly

flyctl auth signup
  1. Setup Fly. It might ask if you want to deploy, say no since you haven't built the app yet.
flyctl launch

Deployment

If you've followed the setup instructions already, all you need to do is run this:

npm run deploy

You can run flyctl info to get the url and ip address of your server.

Check out the fly docs for more information.