Meridian
Meridian is a Next.js marketing site with Sanity as the CMS, built around a page builder so entire pages get assembled from reusable content blocks instead of hardcoded layouts. Comes with real click-to-edit preview and a live, editable Studio.
I setup Meridian as a way to showcase my frontend skills. I used Next.js as the main tool and Sanity to manage the content for the site.
The main thing I wanted to prove out was a proper page builder. Instead of hardcoding sections, I built a set of reusable blocks (hero, feature grid, testimonials, FAQ, etc) that get assembled in Sanity and rendered by matching components on the frontend. Adding a new block type later is just a schema and a component, nothing else in the app needs to know it exists. I also got Sanity's Presentation tool working, so you can click text on the live page and it jumps straight to that field in the Studio, with edits showing up in real time.
For content I made up a fictional ed-tech company, Meridian Learning, and wrote real copy instead of lorem ipsum. It's deployed with a working Studio here if you want to click around in it.
Tags
Next project
OpenSylo