# Compass: A starter kit for online courses

DevFeed: [Compass: A starter kit for online courses](<https://devfeed.tech/articles/compass-a-starter-kit-for-online-courses-3459.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/2025-05-14-compass-course-starter-kit>)

Published: 2025-05-14T19:00:00Z

Content type: article

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [interactive website](<https://devfeed.tech/topics/interactive-website.md>)

Tags: [apis](<https://devfeed.tech/tags/apis.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [css](<https://devfeed.tech/tags/css.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [picture-in-picture](<https://devfeed.tech/tags/picture-in-picture.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [transcripts](<https://devfeed.tech/tags/transcripts.md>), [ui](<https://devfeed.tech/tags/ui.md>), [video](<https://devfeed.tech/tags/video.md>)

## AI overview

Compass is a Tailwind CSS and Next.js starter kit for publishing online courses. The article describes its video interface, including an IntersectionObserver-based alternative to passive Picture-in-Picture behavior, and discusses authoring interview transcripts.

## Source excerpt

I've been itching to get back into screencasting and teaching lately, and the natural first step was to build our own course platform. So we just released Compass, a Next.js starter kit for publishing your own online course.