My personal website and blog.
Visit Demo »

Features

• ▲ Server-Side Rendering (Next.js pages router)
• 🎧 Integration with Spotify API
• ⚡️ Supabase
• 💬 "Contact me" Chat
• 📄 MDX-based Blog

Sitemap

├── / (Home)
│   ├── Introduction (Chat)
│   ├── Experience
│   ├── Projects
│   └── Tech Stack
│
├── /music
│   ├── Top Tracks
│   ├── Top Artists
│
└── /blog

Installation

1. Clone the repo

git clone https://github.com/christianvmm/christianvm.dev.git

2. Setup .env variables

NEXT_PUBLIC_SITE_URL
This variable should hold the URL/domain where your project is hosted. Replace the empty string with your project's URL.

SPOTIFY_CLIENT_ID, SPOTIFY_CLIENT_SECRET, SPOTIFY_REFRESH_TOKEN
These variables are required for accessing the Spotify API. You can obtain them by registering your application on the Spotify Developer Dashboard.

NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY
These variables are used to connect to the Supabase database. Obtain them by setting up a project on the Supabase website.

NEXT_PUBLIC_SITE_URL=""

SPOTIFY_CLIENT_ID=""
SPOTIFY_CLIENT_SECRET=""
SPOTIFY_REFRESH_TOKEN=""

NEXT_PUBLIC_SUPABASE_URL=""
NEXT_PUBLIC_SUPABASE_ANON_KEY=""

3. Install NPM packages

npm install

4. Start Next.js server

npm run dev