Lovableprofessionbeginner
Online Course Website — Complete Founding Prompt
Build an online course platform in Lovable with curriculum display, progress tracking, and Stripe payments.
What you'll get
An online course website with sales page, curriculum display, progress tracking, and Stripe payment integration.
The Prompt
Build an online course website for [CREATOR_NAME] teaching [COURSE_TOPIC]. The course is called [COURSE_NAME], designed for [TARGET_STUDENTS]. Accent color: [ACCENT_COLOR]. ABOUT: - [CREATOR_NAME] teaches [COURSE_TOPIC] - Course: [COURSE_NAME] - For: [TARGET_STUDENTS] PAGES: 1. Home — Hero with course title, tagline about the transformation, instructor photo, key outcomes (3-4 bullet points), student count or testimonials, and "Enroll Now" CTA. 2. Course (Sales Page) — Long-form sales page with: who this is for, what you'll learn, curriculum accordion (modules and lessons), instructor bio, student testimonials, FAQ, pricing with Stripe checkout button, and money-back guarantee. 3. Free Preview — One or two free lessons accessible without payment. Includes video embed, lesson content, and a CTA to enroll for full access. 4. Testimonials — Student success stories with photo, name, background, and specific results achieved. 5. About — Instructor bio with credentials, teaching philosophy, why they created the course, and social proof (media features, speaking, other courses). 6. Checkout — Stripe Checkout integration with one-time payment option. After payment, create user account in Supabase Auth and grant access. DESIGN: - Background: White #FFFFFF, Accent: [ACCENT_COLOR], Text: #1A1A1A - Typography: Bold headings (Poppins), readable body (Inter) - Clean, focused design that eliminates distractions on the sales page - Progress indicators and checkmarks for curriculum sections TECHNICAL: - Course content in Supabase "lessons" table: id, module_id, title, content, video_url, order, is_free - Student progress in Supabase "progress" table: id, user_id, lesson_id, completed, completed_at - Stripe one-time payment via Edge Function - Supabase Auth for student accounts with RLS on lesson content - SEO with Course schema (JSON-LD) - Video embed support (YouTube/Vimeo) with responsive sizing
Replace these variables
| Variable | Replace with |
|---|---|
| [CREATOR_NAME] | Course creator's name |
| [COURSE_TOPIC] | What the course teaches (e.g., web development, photography) |
| [COURSE_NAME] | Full name of the course |
| [TARGET_STUDENTS] | Ideal student (e.g., beginners, career changers) |
| [ACCENT_COLOR] | Brand accent color hex code |
Tips for best results
Offer a free preview lesson to build trust and demonstrate teaching quality.
Use a curriculum accordion on the sales page so students see the scope before buying.
Follow-up prompts
Add community forum
Add a student community section where enrolled students can post questions, share progress, and interact. Use Supabase tables for threads and replies.
Add certificates
Add a certificate of completion that students can download as a PDF after finishing all lessons. Include their name, course name, and completion date.