See the demo here.

Blissfolio

A modern personal website built with Next.js 14, featuring:

• Discord rich presence display and Spotify now playing status*
• GitHub stats and activity display
• Easy accent color customization
• Clean, lightweight and mobile responsive UI

*Spotify integration must be enabled in Discord to work

Dynamic Features

• Discord rich presence (via Lanyard API)
  Live Discord status display with game activity detection and platform indicator (Desktop / Mobile / Web)
• Spotify playback display (via Lanyard API)
  Displays album artwork, now playing information with live progress bar.
• GitHub stats display (relies on Github Chart API)
  Displays GitHub recent activity and contributions chart.

This is a Next.js project bootstrapped with create-next-app.

Disclaimer

Discord and Spotify status feature relies on a third party API, lanyard.rest.

GitHub activity display relies on a third party Github Chart API.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Feel free to edit the assets in public folder and config in data folder as you see fit.

If you prefer to use your own Lanyard instance, customize the domain endpoint with NEXT_PUBLIC_LANYARD_DOMAIN.

Credits

This project is inspired by Thusuzzee's website.