4. Dev environment

Install dependencies

  1. run yarn
  2. Supabase login within your terminal
    1. Note: If you haven't used supabase before in the terminal, you will need to login with supabase in the terminal.
    2. Create an access token for supabase here https://app.supabase.com/account/tokens
    3. Copy the access token and run yarn supabase login
    4. It will prompt for an access token. Paste the token there. It should log you in.
  3. Run yarn supabase link --project-ref {projectRef} . Your project ref is available in the project settings section within the supabase dashboard.
    1. Once you run the command, you will prompted for the database password. Enter the password, you saved earlier.
    2. When it completes, your project will be linked to supabase.
  4. Run yarn supabase db push . This will push all the nextbase magic into your own supabase project. Teams, admin panel, projects etc will now be ready for use.

Setup env variables

In your repository directory, you should have a .env.local.example file which looks like this. Create a .env.local file right beside it but instead of dummy values like YOUR_SUPABASE_PROJECT_REF, fill the actual details.

  1. NEXT_PUBLIC_SUPABASE_URL is available in the project api settings section in supabase. It's called Project Url over there.
  2. NEXT_PUBLIC_SUPABASE_ANON_KEY and SUPABASE_SERVICE_ROLE_KEY are also available in the project api settings section in supabase.
  3. Setup a Sendgrid / Post mark account and once you do, grab your authorised email sender address and add it to ADMIN_EMAIL. You can do this later if you want. It's not a blocker while developing your app. Same goes for SENDGRID_API_KEY. (If you want to use a different email provider, create a different environment variable here and set the relevant value).
  4. Ensure that NEXT_PUBLIC_SITE_URL is set to http://localhost:3000 or whichever port you are running your dev server on.
  5. The other env variables should be relatively easy to setup.

Run your dev server

We are ready to start our dev server. Run

yarn dev

Our local development server is now running at localhost:3000.

3. Seeting up Stripe 5. Create stripe products