Personal Update
Building This Website
I wanted a portfolio site that read more like a research notebook than a standard landing page. It is made with the intention of being very low maintenance and easily updated. The layout is inspired by Physical Intelligence's
Below is a breakdown of how the site works.
Typed content pipeline
All timeline posts are in JSON under in content.json and each post is under /content/posts. I wrote a small resolver that can inject values from environment variables so that it can be deployed easily.
Each post is parsed via a tiny lib/posts helper. When the slug is requested, Next.js statically generates the page with metadata pulled from the JSON file.
- TypeScript is used to enforce shape.
- Adding heading links lets each post point to repos or demos without editing React code.
Styling like a paper
Tailwind handles the layout, but most of the polish comes from a couple of utilities that mimic Physical Intelligence's card styles. They are really cool
Reusable button styles keep the heading link buttons, CTA links, and timeline cards uniform.
Deployment and workflow
It runs as a Next.js App Router project with zero backend dependencies.
Have feedback?
If there's something you'd like to see on the site or want to collaborate, I'd love to hear from you.
Email me