Nathan's Portfolio ·

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

→ Check out the live site: brodin.dev

Overview

Stack

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

Inspiration

My Portfolio is inspired by:

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

Features

• Light/Dark themes
• SEO optimized (JSON-LD schema, sitemap, robots)
• Analytics with PostHog
• Markdown Content
• Perfect Lighthouse Score

Prerequisites

Ensure you have the following installed:

• Node.js
• pnpm
• Git

Setup

1. Clone the repository

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

2. Install dependencies

pnpm i

3. Configure Environment Variables

Create a .env.local file based on .env.example:

cp .env.example .env.local

Then, update the necessary environment variables inside .env.local.

4. Run the development server

pnpm dev

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

Star History