Create interactive tutorials the easy way

JS Party: JavaScript, CSS, Web Development

Tomek Sułkowski from TutorialKit joins Jerod to tell him all about the open source toolkit for creating awesome, interactive tutorials without having to code up the hard parts.

Join the discussion

Changelog++ members save 10 minutes on this episode because they made the ads disappear. Join today!

Sponsors:

• Fly.io – The home of Changelog.com — Deploy your apps close to your users — global Anycast load-balancing, zero-configuration private networking, hardware isolation, and instant WireGuard VPN connections. Push-button deployments that scale to thousands of instances. Check out the speedrun to get started in minutes.
• WorkOS – A platform that gives developers a set of building blocks for quickly adding enterprise-ready features to their application. Add Single Sign-On (Okta, Azure, Google, Microsoft OAuth), sync users from any SCIM directory, HRIS integration, audit trails (SIEM), free magic link sign-in. WorkOS is designed for developers and offers a single, elegant interface that abstracts dozens of enterprise integrations. Learn more and get started at WorkOS.com
• Notion – Notion is a place where any team can write, plan, organize, and rediscover the joy of play. It’s a workspace designed not just for making progress, but getting inspired. Notion is for everyone — whether you’re a Fortune 500 company or freelance designer, starting a new startup or a student juggling classes and clubs.

Featuring:

• Tomek Sułkowski – Twitter, GitHub
• Jerod Santo – Mastodon, Twitter, GitHub, LinkedIn

Show Notes:

• Running Node natively in the browser with Eric Simons from StackBlitz
• TutorialKit
• TutorialKit on GitHub

TutorialKit in the wild

• Welcome to the Vite Plugin API tutorial
• Welcome to the Remult tutorial
• Welcome to Next Patterns

Something missing or broken? PRs welcome!

Chapters

1. It's party time, y'all (00:00:00)

2. Sponsor: Fly.io (00:00:39)

https://fly.io/

3. Welcoming Tomek to the show (00:04:10)

4. Catching up with StackBlitz (00:05:18)

5. TutorialKit origin story (00:08:36)

6. On WebContainers (00:14:06)

7. StackBlitz required? (00:18:16)

8. Sponsor: WorkOS (00:19:44)

https://workos.com

9. Getting started (00:23:05)

10. Built-in templating (00:27:51)

11. Time to deploy (00:30:10)

12. Built with Astro (00:31:38)

13. Sponsor: Notion (00:33:27)

http://notion.com/changelog

14. Sharing their components (00:35:44)

15. Feature complete? (00:36:52)

16. Why build this? (00:40:52)

17. The demo tutorial (00:42:52)

18. In the wild (00:45:47)

19. Closing time (00:48:45)

20. Next up on the pod (00:49:44)