Building a Modern Developer Portfolio with Next.js 16 and React 19

Why I Rebuilt My Portfolio

Every developer portfolio is a living project. Rebuilding from scratch is both a learning exercise and a chance to showcase up-to-date skills.

The Tech Stack

• Next.js 16 with App Router
• Sanity.io as headless CMS
• Tailwind CSS v4 with CSS-first config

export async function getAllPosts(): Promise<BlogPost[]> {
  const posts = await client.fetch(POSTS_QUERY);
  return (posts ?? []).map(mapPost);
}

What's Next

Stay tuned for more posts! 🚀