Patterns
Discover a course
Move from a clear promise to a course with enough context to choose.
On this page
Task sequence
- Use the marketing hero and feature directory to understand the product.
- Browse a course collection with consistent cover, title, and author identity.
- Open the public course introduction for lesson scope, instructor, reviews, and registration.
- Continue through the enrollment action that matches availability and price.
Data and persistence boundary
Marketing discovery and authenticated app collections are different routes and data sources. The isolated catalog contains one fictional class; it makes no claim about production inventory.
Failure and recovery
Missing images use existing fallbacks. Closed registration must remain visibly closed in both the header and registration panel.
Source references
| File | Responsibility |
|---|---|
| marketing/src/app/(site)/explore/page.tsx | Discovery |
| src/components/CourseCard.tsx | Course entry |
| src/components/courses-public/logged-out/PublicCourseView.tsx | Course detail |
Interface examples
Native TeachKit interfaces with fictional course, account, and learner records. Service responses and media are isolated demonstrations; no customer data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0