✦ Next.js · Contentful · Personal portfolio

janeossai.com — Personal Site & Portfolio

Ongoing

Personal portfolio, blog, and professional web presence built from scratch in Next.js with a headless Contentful CMS, now undergoing a full visual redesign.

Stack: Next.jsTypeScriptContentfulTailwind CSSVercel
Status: Ongoing
Year: —

OVERVIEW

A personal portfolio, blog, and professional web presence — designed and built from scratch in Next.js with a headless Contentful CMS powering the blog. The site has been through a full visual redesign, establishing a distinct design identity and a new design system.

THE PROBLEM

A portfolio site needs to do two things well: demonstrate technical capability and communicate design sensibility. The original build established a solid technical foundation but lacked a distinct visual identity. The redesign addresses that — defining the aesthetic language first, then rebuilding the interface around it.

WHAT WAS BUILT

✦Personal portfolio and professional web presence built from scratch in Next.js — no template, full custom architecture
✦Headless CMS blog — Contentful powering Musings of a Polymath, with a full editorial workflow
✦Clean URL structure across home, about, portfolio, blog, contact, and services
✦Deployed on Vercel with Cloudflare DNS
✦Full visual redesign — new design system, typography, and layout architecture

THE INSIGHT

The key lesson in this project is sequencing: establish the visual identity first, then rebuild the interface around it. A portfolio has to communicate both technical capability and design sensibility, and the redesign ensures both are explicit in the final experience.

STACK & TOOLS