Initial Setup
Additional
The following services are optional and can be configured based on your needs:
Unsplash
web/.env
Integration for displaying a background image to your login page. If not set, no image will be displayed - the login will be centered. Get your access key from the Unsplash Developer Portal
Redis
web/.env
- Create a free account on Upstash
- Set up a new Redis database in the Upstash Console
- Copy the Endpoint URL (beginning with https://) to
UPSTASH_REDIS_REST_URL
and your password toUPSTASH_REDIS_REST_TOKEN
Posthog
web/.env
- Create a free account on Posthog
- Select every feature you want to use (I’d recommend all of them)
- Copy the project API key to
NEXT_PUBLIC_POSTHOG_KEY
and set your region inPOSTHOG_REGION
. You will find it theposthog.init()
function in the snippet provided by Posthog. - Open the
appConfig.tsx
file and ensure theservices.posthog
is enabled.
You can of course use the self-hosted version of Posthog. In this case, you need to set up your own instance and configure the URL and API key accordingly.
You then either need to change the api_host
value in the posthog.init()
function or change the proxy settings in the next.config.mjs
file.
Plausible
web/.env
For Plausible, you can use the hosted version or self-hosted version.
- Create a free account on Plausible or set up your own instance.
- Copy your domain to
NEXT_PUBLIC_PLAUSIBLE_URL
- Open the
appConfig.tsx
file and ensure theservices.plausible
is enabled. - Go to
web/a/[locale]/layout.tsx
and change the config as needed. The existing is working for self-hosted instances.
Analytics
See the Google Analytics page for setting up environment variables.