Components
Public course presentation
Connect a course’s outcome and instructor with its lesson preview and registration context before the learner enters the private lesson view.
On this page
Purpose and usage
Connect a course’s outcome and instructor with its lesson preview and registration context before the learner enters the private lesson view.
Anatomy
| Part | Contract |
|---|---|
| Identity | Title, cover and instructor |
| About | Course explanation |
| Lessons | Preview list |
| Signup context | Availability and registration section |
| Reviews | Optional supplied review evidence |
Variants and configuration
| Input or variant | Behavior |
|---|---|
| course | Public course metadata and lesson content |
| courseId / slug | Destination identity |
| signupId | Registration section anchor |
| reviews | Actual supplied review summaries; none invented in captures |
State coverage
| State | Implemented behavior |
|---|---|
| Open dates | Source calculates registration availability |
| Before open | Future registration can display countdown |
| After close | Registration treated as closed |
| Owner | Owner context is separately supplied |
Interaction and composition
- Use published real course content for the public applied example.
- Do not invent enrollment counts, ratings, prices or testimonials to fill the screen.
- Date-based availability and status-based authorization must agree in the live route.
Accessibility and readiness
The captures show Final Cut Pro for Creators, a currently published owner course. Payment, enrollment, registration permissions and third-party checkout are not executed or certified by these images.
Source references
| File | Responsibility |
|---|---|
| src/components/courses-public/logged-out/PublicCourseView.tsx | Public composition and date availability |
| src/components/courses-public/logged-out/CourseHeader.tsx | Identity and public media |
| src/components/courses-public/logged-out/CourseAbout.tsx | Description |
| src/components/courses-public/logged-out/SignupSidebar.tsx | Enrollment context |
Examples from the app
Actual TeachKit UI with Thomas McGee’s course content. Session, progress and connection specimens are simulated; no student data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1