Forem: irwingb

Exploring how a headless CMS (Sanity) integrates with Next.js for building a portfolio website

irwingb — Wed, 17 Sep 2025 13:21:23 +0000

🚀 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

User Profile React Component

irwingb — Wed, 15 Mar 2023 15:38:13 +0000

Shopping Cart with Javascript

irwingb — Mon, 27 Dec 2021 19:39:50 +0000

toDoList

irwingb — Thu, 17 Jun 2021 02:21:56 +0000

Simple ToDoList

IMDB clone using bootstrap

irwingb — Thu, 29 Apr 2021 20:21:33 +0000

Here a personal project using Javascript Vanilla and bootstrap

https://codepen.io/irwingb1979/pen/ExZzgzd

IMDB clone

irwingb — Thu, 29 Apr 2021 20:17:59 +0000

Subscribe Newsletter Box

irwingb — Thu, 24 Sep 2020 03:11:57 +0000

Social Tooltips Icons

irwingb — Thu, 24 Sep 2020 03:03:02 +0000

List of social icons links using tippyjs library

Pure HTML CSS Coin with hover brightness effect

irwingb — Thu, 24 Sep 2020 03:02:58 +0000

Coin hover brightness effect

Fish HTML CSS Animated

irwingb — Thu, 24 Sep 2020 03:02:53 +0000

Pure Fish HTML CSS Animated

Pure HTM/CSS Homer Simpson Cartoon

irwingb — Thu, 24 Sep 2020 03:02:49 +0000

Social Bar Sticky Scroll

irwingb — Thu, 24 Sep 2020 03:02:43 +0000

Social bar JQuery scrollTop Function