Frontend#typescript#nextjs#react

TypeScript Next.js React

Cursor rules for TypeScript development with Next.js and React integration.

Use it with Cursor, or export as AGENTS.md / CLAUDE.md for other AI coding agents — pick a format below.

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:

How to use: save the file at your project root (e.g. .cursorrules or AGENTS.md) and your AI editor picks it up automatically.

Your tool here

Reach developers who build with Cursor — a focused, high-intent audience.

Become a sponsor →

Related rules

Frontend→

Next.js

Next.js with TypeScript and Tailwind UI best practices

#nextjs

Frontend→

Next.js App Router

Cursor rules for Next.js development with App Router integration.

#nextjs#app#router

Frontend→

Next.js Material UI Tailwind Cssmpt

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

#nextjs#material#ui#tailwind