frameworks
TypeScript with popular frameworks like NestJS, React, and Next.js
When & Why to Use This Skill
This Claude skill empowers developers to accelerate full-stack development by providing expert-level implementation patterns for TypeScript frameworks. It specializes in generating type-safe code for NestJS, React, and Next.js, ensuring that applications are built with robust architecture, proper dependency injection, and seamless integration between frontend and backend systems. By leveraging modern tools like Prisma and Zod, it helps eliminate runtime errors and improves overall code maintainability.
Use Cases
- Architecting scalable NestJS backends using modular structures, custom decorators, and advanced dependency injection patterns.
- Developing high-performance React applications with strictly typed components, hooks, and context to ensure UI stability.
- Building modern Next.js applications utilizing the App Router, typed API routes, and server-side rendering (SSR) best practices.
- Implementing end-to-end type safety by integrating Prisma ORM and Zod validation for schema-driven development.
- Refactoring existing JavaScript projects into type-safe TypeScript codebases using framework-specific best practices.
| name | frameworks |
|---|---|
| description | TypeScript with popular frameworks like NestJS, React, and Next.js |
| sasmp_version | "1.3.0" |
| bonded_agent | 02-typescript-backend |
| bond_type | PRIMARY_BOND |
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