Home / Cursor rules / Typescript Nextjs React

Typescript Nextjs React

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

Cursor rules (.mdc)Public domain (CC0)

–unranked

Install

mkdir -p .cursor/rules && curl -sL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/b044f956f021b6e8877f16781bcfc466a6a120e9/rules/typescript-nextjs-react-cursorrules-prompt-file.mdc -o .cursor/rules/typescript-nextjs-react.mdc

Downloads the file at commit b044f956f021 into .cursor/rules/.

To remove it later:

rm .cursor/rules/typescript-nextjs-react.mdc

Context cost: ≈126 tokens when used.

Rules file

---
description: "Cursor rules for TypeScript development with Next.js and React integration."
globs: **/*
alwaysApply: false
---
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:

Security

Scanned Nov 4, 2026 at commit b044f956f021, with Cisco's open-source skill-scanner.

None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.

A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan