Personal Website

Built via Cursor with Next.js, TypeScript, and Tailwind CSS. The site displays my latest activities from Strava and recently played tracks from Spotify.

Features

• Real-time Strava activity feed
• Spotify recently played tracks
• TypeScript for type safety

Tech Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• Strava API
• Spotify API

Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/your-repo-name.git
cd your-repo-name

2. Install dependencies:

npm install

3. Create a .env.local file in the root directory with the following variables:

STRAVA_CLIENT_ID=your_strava_client_id
STRAVA_CLIENT_SECRET=your_strava_client_secret
STRAVA_REFRESH_TOKEN=your_strava_refresh_token
SPOTIFY_CLIENT_ID=your_spotify_client_id
SPOTIFY_CLIENT_SECRET=your_spotify_client_secret
SPOTIFY_REFRESH_TOKEN=your_spotify_refresh_token

4. Run the development server:

npm run dev

5. Open http://localhost:3000 in your browser.

Deployment

This site is deployed on Vercel. To deploy your own instance:

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Add your environment variables in the Vercel dashboard
4. Deploy!

License

MIT