You'll find configurable options for the application here. We use environment variables for this purpose.
VITE_COMMUNITY
- URI of the communityVITE_COMMUNITY_CONTAINER
- name of folder in which to store person's data of this communityVITE_EMAIL_NOTIFICATIONS_TYPE
- choose type of notifications service we use:simple
- use simple-email-notifications service (default)solid
- use solid-email-notifications
VITE_EMAIL_NOTIFICATIONS_SERVICE
- server providing email notifications service of type specified inVITE_EMAIL_NOTIFICATIONS_TYPE
; provide base url without trailing slash; notifications will be disabled if left emptyVITE_EMAIL_NOTIFICATIONS_IDENTITY
- identity of the email notifications service; app will allow this identity to read person's inbox- default CreateReactApp options
VITE_BASE_URL
- this is base url for ClientID in ./public/clientid.jsonld, it's disabled in development environment by default (dynamic clientID is used), defaults to http://localhost:5173 in development, and http://localhost:4173 for buildVITE_ENABLE_DEV_CLIENT_ID
- enable static ClientID in development environment (see alsoBASE_URL
option). If you set this option, you'll only be able to sign in with Solid Pod running on localhost! (dynamic clientID will be used by default)VITE_GEOINDEX
- webId of the geoindex, if availableVITE_DARK_MODE_LOGO_STYLE
- change logo colors in dark mode (default undefined - no change)invert
- invert colors of the logo
Note: You can also specify environment variables in .env files
VITE_VARIABLE1="variable" VITE_VARIABLE_2="other variable" yarn dev
VITE_VARIABLE1="variable" VITE_VARIABLE_2="other variable" yarn build
You can specify github environment variables in repository's settings. Some of github variables are named differently from the environment variables documented here
Have a look in deployment workflow to see how our github environment variables map to our app configuration options
COMMUNITY
COMMUNITY_CONTAINER
EMAIL_NOTIFICATIONS_TYPE
EMAIL_NOTIFICATIONS_SERVICE
EMAIL_NOTIFICATIONS_IDENTITY
GEOINDEX
BASE_URL
DARK_MODE_LOGO_STYLE
- see deployment workflow for more
New configuration options make things more flexible 👍
Custom configuration options need to start with VITE_
.
Add the new option in src/config/index.ts, and include some sensible default, so the app can still run without specifying anything
Make sure to also include the option in deployment workflow