Spotlight is a Tailwind UI site template built using Tailwind CSS and Next.js.
To get started with this template, first install the npm dependencies:
npm installNext, create a .env.local file in the root of your project and set the NEXT_PUBLIC_SITE_URL variable to your site's public URL:
NEXT_PUBLIC_SITE_URL=https://example.com
This repo includes an Ejercicio page that can connect to Strava via OAuth and display recent activities.
- Create a Strava app at https://www.strava.com/settings/api
- Set these variables in
.env.local(see.env.example):
STRAVA_CLIENT_ID=...
STRAVA_CLIENT_SECRET=...
SESSION_PASSWORD=... (>= 32 chars)
- Configure your Strava app Authorization Callback Domain to match your domain.
- In local dev, the callback URL is:
http://localhost:3000/api/strava/callback - You can also set
STRAVA_REDIRECT_URIif you need a fixed redirect.
- In local dev, the callback URL is:
Next, run the development server:
npm run devFinally, open http://localhost:3000 in your browser to view the website.
You can start editing this template by modifying the files in the /src folder. The site will auto-update as you edit these files.
This site template is a commercial product and is licensed under the Tailwind UI license.
To learn more about the technologies used in this site template, see the following resources:
- Tailwind CSS - the official Tailwind CSS documentation
- Next.js - the official Next.js documentation
- Headless UI - the official Headless UI documentation
- MDX - the MDX documentation