Lantern Ramblers: a tribute band site with tour dates, a setlist archive and live song stats
A website for a Grateful Dead tribute band: tour dates that move to past shows on their own, a setlist archive with a song filter, live s...
For each Raytha use case we take a realistic brief, hand it to an AI agent with the raytha CLI, and publish what
comes out: the site, the files behind it, and a kit you can use to rebuild it yourself. This one is the public side
of a learning platform: a course catalog with free preview lessons, and full lessons for signed-in members.
The agent built it on a fresh Raytha 2.0.1 instance. Nobody opened the admin. Every template, content type, course, lesson, page, menu and user group went in through the CLI, from files in a directory.
What was built
Atlas Learning is a fictional online school with short, practical courses in data, design, product and leadership. The site has:
- A home page with a stack of course covers, topic tiles with live course counts, the most popular courses, a "how it works" strip, the instructors and a membership band.
- A course catalog you can filter by topic and level, with a search box. Every filter is a plain link you can share.
- Course pages with what you will learn, a description, and the full curriculum grouped into modules, with the length and format of each lesson and a lock on the lessons that need a membership.
- Lesson pages with the course outline on the side, a video-style player or a reading header, the lesson itself, and previous and next links.
- Free preview lessons that anyone can open, plus a page that collects them from across the catalog.
- Members-only lessons. Visitors who are not signed in as members see a locked panel with a sign-in button. The lesson text is never sent to them, so it cannot be found in the page source.
- A members' "My learning" dashboard with every course, a progress bar for each one and a button to resume the last lesson. Members mark lessons complete as they go, and the progress is kept in their browser.
- A restyled sign-in page and 404 page that match the rest of the site.
- Instructor pages with a short bio and their courses.
There are no payments anywhere. The membership page explains how to get access by email.
The design is warm and editorial: Bricolage Grotesque for headings, Figtree for text and a monospace for small labels, on an off-white paper background with saffron, tomato and forest green accents. Course covers and instructor portraits are simple illustrations drawn in SVG, so every course has its own look. On a 390px phone the layout stacks into one column and the lesson outline moves below the lesson.
Features, and the Raytha features behind them
| Feature | How it is built |
|---|---|
| Instructors, courses and lessons | Three content types from one schema document. Courses use relationship fields to their instructor, dropdowns for topic and level, numbers for hours, learners and rating, an attachment for the cover, a colour for the accent and a checkbox for featured. Lessons point at their course and carry a module name and number, a lesson number, a length, a format and a free preview checkbox. |
| 46 seed items | Content import from JSON Lines. Lessons point at their course by title, and cover and portrait files are uploaded during the import. |
| Members-only lessons | A user group called students. The lesson template checks the signed-in user's groups and only renders the lesson body for members or for free previews. Everyone else gets the locked panel. |
| Sign-in | Raytha's built-in login for public users, with the login templates restyled to match the theme. |
| My learning | A site page with a members-only template. It lists every course with its lessons, and a few lines of script fill in the progress bars from what the member has marked complete. |
| Course catalog | A list view at /courses. The Liquid template reads ?category=, ?level= and ?q=, checks each value against a known list and builds a filter for get_content_items. |
| Curriculum | The course template queries the course's lessons, orders them by lesson number, groups them by module and adds up the minutes. |
| Free lessons page | A list view at /free-lessons that shows every lesson marked as a free preview. |
| Home and membership pages | Site pages built from 8 custom widget templates (hero, topic tiles, popular courses, steps, instructors, membership band, questions and answers, page header). |
| Navigation | Two menus: the main menu and a footer menu. |
The brief
This is the brief, as given to the agent.
Build the public portal for a learning platform on a fresh Raytha instance with the
raythaCLI. No clicking around the admin.
Look and feel
- Visually impressive, with a design of its own. Display type that is well proportioned, not overly wide.
- Responsive. It has to look good on a phone as well as a desktop.
Content and pages
- Browse courses, course pages, and lessons grouped into modules.
- Some content gated behind a members-only area, using Raytha's login and member access.
- No forms that take payment.
Done means
raytha checkpasses with no broken routes.- Screenshots of the result on desktop and mobile, including the signed-in view.
- A kit in the examples repository that rebuilds the site on a fresh install.
How long it took
About 40 minutes of agent time, from an empty install to raytha check passing on every route, including the
visual design, the cover artwork and writing the 35 lessons.
Rebuild it yourself
The theme, schema, seed content and artwork, page definitions and menus are in the
raytha-examples repository, with a
build.sh that rebuilds the whole site into any Raytha 2.x instance and creates the students group. Point it at
your site with RAYTHA_URL and RAYTHA_API_KEY and run it, then add a public user to the group to see the
members' side.
