Sanity Project Hub &
Gallery Feature
built with Next.js, TypeScript, and Sanity CMS.
About the project
A consulting firm needed a better way to showcase its work. I built an overview page listing all of its projects and a standalone page for each one, with a gallery section, using Next.js, React, and TypeScript, styled with Tailwind and deployed on Vercel. I set up the Sanity content model so the firm’s team can add and update projects on their own.
The Role
Frontend developer, working alongside a backend developer. I designed and built the UI components, typed the Sanity data and component props in TypeScript, and created custom Sanity content types for projects and galleries. Together we handled data flow and API integration, and I debugged across devices to keep the experience consistent.
Content Model
& Handoff
Each project has a title, a generated slug, a hero section (heading, intro, and image), a location, a summary, rich-text details, and a gallery of 3 to 9 images. I also wrote and recorded a walkthrough showing the client’s team how to add a project, so they can publish new work on their own.
