# Frameworks

> TypeScript with popular frameworks like NestJS, React, and Next.js

- Skill: `majiayu000/frameworks-2` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/frameworks-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/frameworks-2/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/frameworks-2

---


# TypeScript Frameworks Skill

## Overview
Use TypeScript effectively with popular frameworks including NestJS, React, Next.js, and other modern tools.

## Topics Covered

### NestJS
- Module structure
- Decorators and metadata
- Dependency injection types
- Guards and interceptors
- Custom decorators

### React TypeScript
- Component prop types
- Event handler typing
- Context with generics
- Hooks typing
- Ref typing patterns

### Next.js
- Page component types
- API route typing
- getServerSideProps types
- App Router types
- Middleware typing

### Express/Fastify
- Request/Response typing
- Middleware types
- Route handler types
- Error handling types
- Validation with zod

### Type Integration
- Prisma types
- GraphQL code generation
- API client generation
- Database types
- Schema-driven typing

## Prerequisites
- TypeScript advanced types
- Framework basics

## Learning Outcomes
- Type React components
- Build type-safe APIs
- Use framework decorators
- Integrate database types