The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
🚀 Building a Full CMS-Powered Website with Sanity, Next.js, GitHub & Vercel
Recently, I worked on a project called Lumira, where the original idea didn’t have enough structured content at the beginning. The focus shifted into building a clean, scalable system that could actually power real content updates without touching code every time.
Instead of overcomplicating the UI early, I simplified the homepage structure and introduced a responsive layout with a hamburger navigation system to keep things flexible for mobile users.
The major breakthrough came when I integrated Sanity CMS into the workflow.
I built a complete headless CMS setup:
• Created schemas for dynamic content
• Set up Sanity Studio for content management
• Connected Sanity API to a Next.js frontend
• Linked everything with GitHub for version control
• Deployed through Vercel for live production updates
Now, any content created or updated in Sanity Studio reflects instantly on the live website without redeploying or editing code manually.
This experience helped me fully understand how powerful headless CMS architecture is when building scalable web applications.
I now specialize in:
• Next.js development (App Router)
• CMS integration (Sanity)
• Responsive UI/UX design
• Modern frontend animations
• Deployment pipelines (GitHub → Vercel)
If you're building a modern website, SaaS platform, or need a CMS-driven system with clean design and animations, I can help bring that to life.
💡 From static websites → to fully dynamic CMS-powered systems.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
What do you think of the navigation bar animation?
Work in progress - new Framer template.
Fantastic idea, but a little busy.
When designing a consulting agency website, most people lead with services.
We usually do too. It feels like the logical starting point.
But when we worked on Orvian Labs, we tried something different.
Instead of opening with what they do, we led with what the client actually needs to feel before they read anything clarity and trust.
The hero doesn't list services. It just says "We Bring The Clarity Your Business Needs." And the rest of the page builds the case quietly a scrolling industry list, a three-card value section, 120+ projects as a single trust signal, and a dark manifesto block that finally tells you who they are.
The testimonial comes last. By that point, the visitor already believes it.
What we noticed was that leading with feeling before features made the layout decisions much easier. Every section had a clear emotional job to do, not just an informational one.
This was one of our website layouts to work through. Hope you like it.
#web design # ui-ux design
Premium quality work.
Which hero image wins? 🤔 Testing two directions for a website, same message, different vibes.
.
.
I’m on X too, mostly thinking out loud ideas, problems, and good people to follow https://x.com/rightnextstep?s=11
9 voted
19%
39 voted
81%
48 votes
Closed
Hero 2 looks better