Skip to main content

Running the Website

How to run the website in a local environment.

Setup the .env​

Like with the server an already configured .env can be made available from any of the team members.

From the Supabase. dashboard for a created project under "Project Settings/Data API" you will need these keys, project url, anon/public key, and the service_role/secret key and place them in the .env file using this format without the brackets.

VITE_SUPABASE_URL=<YOUR KEY HERE>

VITE_SUPABASE_ANON_KEY=<YOUR KEY HERE>

Install the dependencies​

Node.js is required and can be installed from here. From the "website" folder in the root directory run:

npm install

The extension requires that the server to be running. If the server is deployed set the url to that deployment in the .env file otherwise it will try to connect to a localhost server running on port 8001.

Running the Website​

The website can be run using

npm run dev

A few links to the local website should be generated in the terminal for you to click. This method uses Vite to allow hot reloading to changes update instantly in the browser.

Building the Website​

To build the extension to be deployed run

npm run build

Doing this will generate a dist folder within the website directory. This can than be served using a tool like Serve or Nginx.