This Website

I created this website super quickly by working with my personal AI assistant as well as Claude Code in VSCode. It is built with modern web technologies: Next.js 16, TypeScript, React, and TailwindCSS. Content is kept organized and easy to update through simple configuration files, so adding projects or changing information doesn't require diving into code. It deploys to Vercel and runs on the custom domain that you can see now, bkhall.dev.

Open Source Template

This site is now open source — I've published it as a white-label template so anyone can spin up their own personal site with the same stack.

hallbrad/personal-site-template on GitHub.

The template includes everything that powers this site:

• Botanical-inspired design with dark mode and full mobile responsiveness
• MDX project pages so you write content in Markdown, not raw JSX
• JSON-driven project and links data — no code changes needed to add projects or update your social links
• Built-in contact form via Formspree and Vercel Analytics, zero config

Get started in two ways

Deploy instantly with Vercel — click the button in the repo README and Vercel creates a fresh GitHub repo under your account and deploys it automatically. No terminal needed, takes about two minutes.

Clone and customize locally first — clone the repo, run npm install && npm run dev, edit your content, then push to your own repo and connect it to Vercel. See CUSTOMIZE.md in the repo for step-by-step instructions.

Either way you end up with your own independent repo auto-deploying on every push.