HakuHaku's Playground
Ruapehu

Ruapehu

Building with Claude Code — create real things. Use Claude Code in your IDE, learn Git, and build & deploy your first app.

●●●Hard · 6 lessons

By the end of this trail, you will have:

  • ✓Claude Code installed and integrated with VS Code or Cursor for agentic coding
  • ✓Git and GitHub set up — you can commit, push, and manage version control confidently
  • ✓Skills, CLAUDE.md, and hooks configured to customize how Claude Code works in your project
  • ✓A real Next.js app built from scratch, component by component, using the scaffolding approach
  • ✓Your app connected to a Supabase database and deployed live on Vercel
  • ✓API keys, .env files, and security best practices locked down before shipping
11

Claude Code & Your IDE

Terminal-native, agentic coding — set up Claude Code with VS Code or Cursor.

15 min
12

Git, GitHub & Version Control

The 5 essential commands, the "save game" analogy, and your GitHub account.

20 min
13

Skills & CLAUDE.md

The Skills system, slash commands, CLAUDE.md for project context, and hooks.

15 min
14

Building Your First App

Scaffold a Next.js app with Claude Code, component by component.

25 min
15

Data & Deployment

Supabase for storage, Vercel for hosting, environment variables.

20 min
16

Security Essentials

API keys, .env files, .gitignore, the 5 security rules every builder needs.

15 min