Haladó funkciók

Haladó funkciók

Composer – multi-file szerkesztés

A Composer (Cmd+I) a Cursor legfejlettebb eszköze. Lehetővé teszi, hogy egyetlen prompttal több fájlt módosíts egyszerre.

Mikor érdemes használni:

• Új feature implementálásakor, amely több fájlt érint
• Nagyobb refaktorálásnál
• Új oldal vagy modul létrehozásakor

Példa: új API route és hozzá tartozó típusok létrehozása

Hozz létre egy új /api/orders endpoint-ot Next.js App Router-hez.
Legyen GET és POST metódus.
Hozd létre a szükséges TypeScript típusokat egy types/orders.ts fájlban.
Használj Zod validációt a POST request body-hoz.

A Composer ezután listát mutat az érintett fájlokról, és diff nézetben jeleníti meg az összes módosítást. Egyenként fogadhatod el vagy utasíthatod el a változtatásokat.

Kódbázis keresés és navigáció

A @Codebase referencia lehetővé teszi, hogy az AI a teljes projektben keressen releváns kódrészleteket.

@Codebase

Hol van definiálva a cart logika? Mutasd meg az összes helyet,
ahol a kosár állapota módosul.

Külső dokumentáció bevonása

A @Docs segítségével az AI valós idejű dokumentációhoz fér hozzá:

@Docs Next.js

Hogyan kell helyesen megvalósítani a parallel routes-ot
Next.js App Router-ben?

Saját dokumentációs forrást is hozzáadhatsz: Cursor Settings > Features > Docs > Add new doc

Git integráció

@Git

Összefoglald az elmúlt 5 commit változásait, és azonosítsd,
melyik commit vezethette be a kosár kalkuláció hibáját.

Terminál AI segítség

A Cursorba épített terminálban is elérhető az AI:

# Nyomj Cmd+K a terminálban, majd:
# "Futtasd az összes TypeScript hibát megjelenítő parancsot"

# Az AI javasolja:
npx tsc --noEmit 2>&1 | grep "error TS"

Notepads – projekt-szintű AI kontextus

A Notepads funkció lehetővé teszi, hogy visszatérő kontextusokat mentsél el, és azokat egyszerre beemelhesd az AI promptodba.

Példa Notepad tartalom:

# Projekt konvenciók

- Mindig App Router-t használunk (nem Pages Router)
- A state management Zustand-dal történik
- Az API hívások React Query-vel (TanStack Query)
- A formok React Hook Form + Zod kombinációval
- Stílusokhoz Tailwind CSS + shadcn/ui
- Nyelvi kulcsok Tolgee-vel kezelve

📝 Összefoglaló

• A Composer több fájlt is szerkeszt egyetlen prompttal
• @Codebase bevon a teljes projektből releváns kódot
• @Docs és @Web valós idejű dokumentációhoz és webhez fér hozzá
• A Notepads visszatérő kontextusokat ment el újrafelhasználhatóan
• A terminálban is elérhető az AI segítség