Next.js SEO Dev

Bringt Cursor dazu, Next.js-Seiten von Anfang an SEO-tauglich zu bauen (Metadata, SSR, Sitemap).

Original-Beschreibung der Autoren: Cursor rules for Next.js development with SEO optimization.

Die Regel

---
description: "Cursor rules for Next.js development with SEO optimization."
globs: **/*
alwaysApply: false
---
Always add helpful comments to the code explaining what you are doing.
Never delete old comments, unless they are no longer relevant because the code has been rewritten or deleted.

This is the package.json file for the nextjs app.

Whenever you see a line with this following comment, do not touch it, rewrite it, or delete it "Do not touch this line Cursor"

{
  "name": "@se-2/nextjs",
  "private": true,
  "version": "0.1.0",
  "scripts": {
    "dev": "next dev",
    "start": "next dev",
    "build": "next build",
    "serve": "next start",
    "lint": "next lint",
    "format": "prettier --write . '!(node_modules|.next|contracts)/*/'",
    "check-types": "tsc --noEmit --incremental",
    "vercel": "vercel",
    "vercel:yolo": "vercel --build-env NEXT_PUBLIC_IGNORE_BUILD_ERROR=true"
  },
  "dependencies": {
    "@heroicons/react": "^2.0.11",
    "@rainbow-me/rainbowkit": "2.1.2",
    "@tanstack/react-query": "^5.28.6",
    "@uniswap/sdk-core": "^4.0.1",
    "@uniswap/v2-sdk": "^3.0.1",
    "blo": "^1.0.1",
    "burner-connector": "^0.0.8",
    "daisyui": "4.5.0",
    "next": "^14.0.4",
    "next-themes": "^0.2.1",
    "nprogress": "^0.2.0",
    "qrcode.react": "^3.1.0",
    "react": "^18.2.0",
    "react-copy-to-clipboard": "^5.1.0",
    "react-dom": "^18.2.0",
    "react-hot-toast": "^2.4.0",
    "use-debounce": "^8.0.4",
    "usehooks-ts": "^2.13.0",
    "viem": "2.17.4",
    "wagmi": "2.10.10",
    "zustand": "^4.1.2"
  },
  "devDependencies": {
    "@trivago/prettier-plugin-sort-imports": "^4.1.1",
    "@types/node": "^17.0.35",
    "@types/nprogress": "^0",
    "@types/react": "^18.0.9",
    "@types/react-copy-to-clipboard": "^5.0.4",
    "@typescript-eslint/eslint-plugin": "^5.39.0",
    "abitype": "1.0.5",
    "autoprefixer": "^10.4.12",
    "eslint": "^8.15.0",
    "eslint-config-next": "^14.0.4",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-prettier": "^4.2.1",
    "postcss": "^8.4.16",
    "prettier": "^2.8.4",
    "tailwindcss": "^3.4.3",
    "type-fest": "^4.6.0",
    "typescript": "5.5.3",
    "vercel": "^32.4.1"
  }
}

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Diese Regel richtet Cursor auf SEO-relevante Next.js-Praktiken aus: Metadata-API, strukturierte Daten, Sitemap/robots.txt sowie Server-Side-Rendering statt Client-only-Rendering für Seiten, die indexiert werden sollen. Sinnvoll für Marketing-Seiten, Blogs oder Shops, bei denen Auffindbarkeit über Google zählt — weniger relevant für interne Tools oder Bereiche hinter Login, die ohnehin nicht indexiert werden. Der Vorteil gegenüber generischen Next.js-Regeln: Cursor schlägt von sich aus SSR/SSG statt Client-Rendering vor und denkt Meta-Tags direkt mit. Wichtig zu wissen: Eine Regel allein bringt keine Rankings, sie verhindert nur technische SEO-Fehler im Code.

Praxis-Tipp

Bei neuen Seiten explizit “SEO-optimierte Landingpage für X” anfragen, damit Cursor Metadata, Alt-Texte und Heading-Struktur direkt mitliefert statt sie nachträglich zu vergessen.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …