02 · Client project · Built for Bluplai
We designed and developed a comprehensive, free training course for Bluplai that teaches Claude Code inside Claude Code itself. No videos, no docs, just hands-on learning.
Astro · React · Tailwind CSS · TypeScript · Markdown
03 · The brief
A course that teaches AI by having you actually use AI.
Bluplai wanted to lower the barrier to Claude Code for non-developers. The usual approach (record videos, write a static handbook, hope people watch and read) wasn't going to land.
Our solution: build the course inside the tool. Learners install Claude Code, run a single command, and the lessons unfold in their terminal as live, interactive sessions. Reading is replaced by doing.
04 · What we delivered
Sixteen interactive lessons, a custom navigator, and a markdown CMS the team can edit.
- 01
-
Sixteen interactive lessons
Full curriculum from installation to deploying live web apps, with interactive commands at every step.
- 02
-
Custom sidebar navigation
Collapsible module navigation with search, progress tracking, and keyboard shortcuts.
- 03
-
Markdown content collections
Astro content collections so the Bluplai team can write and update lessons without touching code.
- 04
-
Embedded video integration
Lesson video embeds with custom poster images and accessible controls where context calls for it.
- 05
-
Static-first performance
Built on Astro for fast static delivery with islands of interactivity where they earn their weight.
- 06
-
Responsive across devices
Tested across desktop and mobile so the lessons read cleanly whatever the learner is using.
05 · Client
"NavAIgate transformed our vision for Claude Code training into a polished, interactive learning platform. The course teaches AI by having learners actually use AI. Exactly what we wanted."
06 · Work together
Have a training platform, learning experience, or AI tool in mind.
We build custom training platforms, learning experiences, and AI-powered tools for forward-thinking companies.