Map, list, and analyze of all your Strava activities.

Demo

• Filter by distance, elevation, date, sports type, ...
• Automatically add/remove/update Strava activities via webhook
• Share all/selected activities with friends & family
• easy to customize and extend

• Wide range of map styles and overlays
• Shareable map screenshots
• Overlays of biking and hiking routes

• Customizable columns
• Sortable columns

• Calendar heatmap
• Timeline of total distance/elevation/time per period of time, with local averaging
• Configurable scatter plot of all activities
• Progress plot per year or month

• react
• strava
• mapbox
• Observable Plot

You'll need your access_token

You'll need your strava_client_id and strava_client_secret

(Vercel Postgres)[https://vercel.com/docs/solutions/postgres] is free and easy to setup.

pnpm install

npx auth secret

to generate a secret for your authentication.

Create a .env file in the root directory of your project and add the appropriate environment variables:

# POSTGRES
POSTGRES_URL=
POSTGRES_PRISMA_URL=
POSTGRES_URL_NO_SSL=
POSTGRES_URL_NON_POOLING=
POSTGRES_USER=
POSTGRES_HOST=
POSTGRES_PASSWORD=
POSTGRES_DATABASE=

# AUTH
AUTH_SECRET=
AUTH_STRAVA_ID=
AUTH_STRAVA_SECRET=

# MAPBOX
NEXT_PUBLIC_MAPBOX_TOKEN=

pnpm db:push

pnpm dev

pnpm build