Create the project, template-ready
Create a fresh Next.js project for your client business, give Cursor your brief and rules, put every business detail into one file (content/business.ts) that the whole site reads from, prove it by changing the business name in one place, and get it live on Vercel.
Why this matters
In Module 3 you built your own site, and the business details went wherever the AI put them: the name in the header, again in the footer, again in each page's title; prices typed into a component; colours in a CSS file. That's fine for a site you'll only ever have one of.
This site is different. In Lesson 11.10 it becomes your demo template, and in Module 13 you'll re-skin it for a new business, possibly every week. If the salon's name is typed into 23 places across 14 files, every re-skin means hunting for all 23, and missing one ("Nhyira Beauty Studio" on a barber's site) looks careless in front of a client.
So this project follows one rule from the very first file: every business detail lives in one place. The name, the services and prices, the hours, the phone number, the colours, the images, even whether the site is a demo. Pages and components read those details; they never contain them. Re-skinning becomes "edit one file, swap the images, check every page". That's what makes "a new demo in about an hour" possible.
In the full lesson
- The idea in plain English
- Do it
- Check it worked
- Understand what AI wrote
- Quick check
- What you can do now
The step-by-step, the prompt to copy, the video and the check-it-worked list, for every lesson in all 15 modules. GHS 399 ($40), paid once by mobile money or card, yours to keep.