npm run dev- Start development server with Turbopacknpm run build- Build for productionnpm run lint- Run ESLintnpm start- Start production server
- Next.js 16 (App Router)
- TypeScript
- Tailwind CSS v4
- Zustand for state management
src/app/- Next.js App Router pagessrc/components/- React componentssrc/lib/- Utilities, types, data (lessons, shortcuts, store)
src/lib/lessons.ts- All lesson definitionssrc/lib/shortcuts.ts- All shortcut definitionssrc/lib/store.ts- Zustand store (simulator state, user progress)src/lib/types.ts- TypeScript types
Edit src/lib/lessons.ts. Each lesson needs:
id: Unique string IDtitle,descriptioncategory: "tmux" | "neovim" | "workflow"difficulty: "beginner" | "intermediate" | "advanced"steps: Array of lesson steps withexpectedKeys
Edit src/lib/shortcuts.ts. Each shortcut needs:
id,keys[],description,category,subcategory