Build a complete Jewellery Listing Website — powered by a real CMS
Go beyond hardcoded tutorials. Build a production-ready website where every section, product and image is managed from Strapi — then deploy the whole thing live, step by step.
- Next.js
- Strapi CMS
- Neon PostgreSQL
- Cloudinary
- Production deploy
What makes this project different
Not another hardcoded website.
Most tutorials bake content straight into the frontend. In this crash course, every single section and piece of content is managed through Strapi CMS — the way real, production websites work.
// content baked into code
const products = [
{ name: "Kamal Jhumka", price: 46800 },
{ name: "Rope Kada", price: 112200 },
];- Every content change needs a developer
- Edit code → rebuild → redeploy
- Clients can't update their own site
- Hero SliderComponent In CMS
- Gold CollectionCollection In CMS
- Latest JewelleryCollection In CMS
- Diamond JewelleryCollection In CMS
- Savings SchemesCollection In CMS
- Testimonials & FAQsCollection In CMS
- About & Store InfoSingle type In CMS
- Business owners update content themselves
- Log in, edit, publish — changes go live
- Exactly how production websites work
What does that mean?
Imagine you're a business owner…
No need to contact a developer or touch the code. Log in to the Strapi admin panel, make the change, and it automatically reflects on the website.
Update product info
Prices, weights and purity in seconds
Change website content
Banners, headlines and the about section
Add new jewellery
Upload photos, set the price, publish
Modify whole sections
Schemes, FAQs, testimonials, store info
The live project
This is what you'll build
Swarnika Jewellers — a complete jewellery listing website with a hero slider, gold & diamond collections, product pages, savings schemes, testimonials, FAQs and store location. All of it CMS-powered, all of it live.
22K · 6.3 g
Kamal Jhumka
₹46,800
22K · 14.9 g
Twisted Rope Kada
₹1,12,200
22K · 3.4 g
Solitaire Band
₹25,700
22K · 19.6 g
Filigree Bangles
₹1,47,800
22K · 9.8 g
Vati Mangalsutra
₹74,100
18K · VVS · 0.50 ct
Eternity Diamond Ring
₹84,900
18K · VVS · 0.05 ct
Single Stone Nosepin
₹8,900
Gold Collection
Bridal Necklace Set
Necklaces
Gold Collection
Ruby Kada
Kada
Diamond Collection
Diamond Studs
Earrings
22K · 6.3 g
Kamal Jhumka
₹46,800
22K · 14.9 g
Twisted Rope Kada
₹1,12,200
22K · 3.4 g
Solitaire Band
₹25,700
22K · 19.6 g
Filigree Bangles
₹1,47,800
22K · 9.8 g
Vati Mangalsutra
₹74,100
18K · VVS · 0.50 ct
Eternity Diamond Ring
₹84,900
18K · VVS · 0.05 ct
Single Stone Nosepin
₹8,900
Gold Collection
Bridal Necklace Set
Necklaces
Gold Collection
Ruby Kada
Kada
Diamond Collection
Diamond Studs
Earrings
Throughout this crash course
The complete production stack
Four tools that work together exactly like they would on a real client project.
Frontend
Next.js
Fast, SEO-friendly pages, dynamic routes for every collection and product.
Content
Strapi CMS
An admin panel where every section, product and image is managed — no code needed.
Database
Neon PostgreSQL
A hosted, serverless Postgres database powering Strapi in the cloud.
Media
Cloudinary
Upload, store and deliver optimised jewellery images straight from Strapi.
Deploy the entire application to production — step by step.
Finish with a live URL you can share — just like the demo you're looking at.
- Strapi CMS deployed to the cloud
- Neon PostgreSQL database connected
- Cloudinary media configured
- Next.js frontend in production
- LIVE · jewellery-shop.yogeshchavan.dev
Curriculum
From empty folder to live website
A focused, step-by-step path. Every module builds a real piece of the final project, so nothing you learn is throwaway.
- Tour of the live jewellery website you'll build
- How a CMS-powered architecture works
- Setting up the Next.js project
By the end of this crash course
You'll have built a real-world, fully functional website
Not just an understanding of how Next.js and Strapi work together — a finished product you can put to work.
Portfolio
A standout, deployed project that proves you can ship real-world applications.
Freelancing
A proven architecture you can reuse for paid website projects.
Clients
Offer businesses customizable websites they can manage themselves.
This course is for you if…
- You know React basics and want to build something real
- You're tired of tutorials with hardcoded content
- You want a deployed project for your portfolio
- You want to offer CMS-powered websites to clients
Your instructor
Yogesh Chavan
Full-stack developer, freelancer & educator
Yogesh is a Freelancer, full-stack developer specialising in React, Next.js and TypeScript. He has built production software for enterprise clients, mentors developers on CodeMentor, and teaches the exact workflow he uses to ship real client projects.
- Professional experience
- 9+ years
- Professional experience
- Developers trained
- 3,000+
- Developers trained
- Course Rating
- 4.9★
- Course Rating
- Technical articles
- 100+
- Technical articles
Enroll today
Next.js + Strapi CMS Crash Course
- Step-by-step build of the complete jewellery website
- Strapi CMS setup, content modelling & admin workflows
- Neon PostgreSQL cloud database
- Cloudinary image uploads & management
- Full production deployment walkthrough
- A portfolio-ready, live project
Start building real-world apps
Enroll nowFAQ