Site modes and the demo banner

About 60 minutesYou need: your project in Cursor with npm run dev running, your phone, and Chrome
This video is in the full courseGet the course to watch every video and read every lesson in full. GHS 399, paid once.Get the course · GHS 399
Video · 12:27
Goal

Give the site one setting, mode in content/business.ts, with three values (live, showcase and demo) that control the demo banner, whether search engines may list the site, whether the form saves, and whether the login and admin pages exist, then prove each mode on your laptop and put the showcase notice on your live site.

Why this matters

Your site is live, it takes bookings, and it looks like a real salon. That's the problem. Anyone who finds it might believe it is one. If the business is invented, that's misleading. If it's real, it's not their official site yet. Either way, the site has to say so, on every page, and stay out of Google.

You'll need the same honesty in Module 13, in a stronger form. There you'll make private samples for businesses that haven't hired you yet. Those copies must carry a banner naming you, must never save a stranger's booking or send an email, must have no working login, and must run without any of your keys, so a sample can never touch your database or leak a secret.

You could do all that by hand for each copy. Or you can build it in once, as a switch. That's this lesson: one line in business.ts decides how the whole site behaves.

In the full lesson

  1. The idea in plain English
  2. Do it
  3. Check it worked
  4. Understand what AI wrote
  5. Quick check
  6. What you can do now
Stage 2 · Make it workYou’ve seen the why. The how is in the course.

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.

Get the course · GHS 399See what’s inside
Already have the course? Open the full lesson