Skip to content

christianvmm/christianvm.dev

Repository files navigation

FolderArt cover

My personal website and blog.
Visit Demo »

Next.js Badge Supabase Badge Tailwind CSS Badge


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