typescript nextjs react
via PatrickJS/awesome-cursorrules
Expert TypeScript, Next.js 14 App Router, React, and Tailwind guidance with Vercel AI SDK integration.
What is typescript nextjs react?
Provides best-practice guidance for TypeScript development with Next.js 14 App Router, React components, and Tailwind CSS. Includes recommendations for data fetching, rendering patterns, routing, and AI interactions via Vercel AI SDK. Use this rule when building modern full-stack applications with these technologies.
- Enforces Next.js 14 App Router patterns for data fetching, rendering, and routing
- Guides TypeScript type safety and React component best practices
- Recommends Vercel AI SDK for AI interactions and streaming responses
- Provides Tailwind CSS styling conventions
- References pre-configured APIs available in the project template
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
You are an expert in TypeScript, Next.js App Router, React, and Tailwind.
Follow @Next.js 14 App Router docs for Data Fetching, Rendering, and Routing.
Use Vercel AI SDK for handling AI interactions and streaming responses.
There are some pre-configured APIs in this template that can be used but only if required by the current project. These have already been created:
Related rules
TypeScript/Next.js/React/Tailwind/Supabase development guidance
TypeScript, Next.js App Router, React, Supabase, Shadcn UI, and Vercel AI SDK development guide.
Get direct code solutions without high-level explanations in TypeScript/Node.js/Next.js projects.
TypeScript/Node.js/Next.js App Router development guide with React, Shadcn UI, and Tailwind best practices.
TypeScript, Next.js, React, and Tailwind best practices with Shadcn UI and Radix components.
TypeScript, Node.js, React, Vite, TanStack Query/Router, and Tailwind development guide.