My Portfolio, to showcase my work as a Frontend Engineer.

→ Check out the live site: brodin.dev

• Vite+
• React 19 + React Compiler
• Tanstack Start
• Tailwind CSS
• Base UI
• coss ui
• Content Collections
• Soundcn

My Portfolio is inspired by:

• Chanhdai, for the components and general layout.
• Zed, for the fonts and general style.

• Light/Dark themes
• SEO optimized (JSON-LD schema, sitemap, robots)
• Markdown Content
• Perfect Lighthouse Score
• Blog Section
• llms.txt
• RSS Feed
• Sound design
• OG Image generation

Ensure you have the following installed on your local machine:

• Node.js
• Git
• pnpm
• Vite+ CLI (Note: Vite+ acts as the package manager for this project).

1. Clone the repository

git clone https://github.com/NathanBrodin/Portfolio.git
cd Portfolio

2. Set up environment variables To fetch your GitHub data, you'll need a personal access token.

• Go to GitHub Token Settings and generate a new token with the public_repo scope.
• Create an .env.local file in the root of the project and add your token:

GITHUB_API_TOKEN="YOUR_TOKEN"

3. Install dependencies and run

vp install
vp dev

The application should now be running at http://localhost:3000

This project uses Vite+, a unified toolchain built on top of Vite, Rolldown, Vitest, tsdown, Oxlint, Oxfmt, and Vite Task.