🚀 Building a Portfolio Website with Next.js + Sanity (Headless CMS)

Recently, I’ve been exploring Sanity (a headless CMS) and how it integrates with Next.js for building a portfolio site.

As a frontend dev + designer, I wanted something flexible, scalable, and easy to update without touching code every time.

🔗Live Demo + Code

• GitHub Repo 👉 https://github.com/irwingb1979/sanity_cms_headless
• Live Demo 👉 https://sanity-cms-headless.onrender.com

🛠️ Tech Stack

• Next.js → React framework for frontend
• Sanity → Headless CMS for managing content
• TypeScript → Type safety
• Tailwind CSS → Styling
• Vercel → Deployment + hosting

⚡ Why Headless CMS?

A headless CMS like Sanity gives me:

• Structured content (projects, blog posts, about page)
• API-first approach (fetch data via GROQ queries)
• Easy updates (no need to redeploy for every content change)
• Works seamlessly with frontend frameworks like Next.js

📂 Project Structure

 bash my-portfolio/ ├── app/ # Next.js App Router pages ├── components/ # UI components ├── lib/ # Sanity client setup ├── sanity/ # Sanity schema & config ├── tailwind.config.js └── package.json