GEMINI.md
GEMINI.md for Next.js
GEMINI.md is the project context file the Gemini CLI reads from the repository root. It should say how this codebase is built, tested, and reviewed so Gemini does not guess. This copy is written for a Next.js project. This repository is a Next.js app on the App Router with TypeScript. Server Components are the default. Add a client component only for state, effects, or browser APIs.
The example uses a balanced, readable style, pragmatic tests, and comments only where the intent is not obvious. Open the generator to make the agent stricter, switch to test-first, quiet the comments, or pick a different file.
The example assumes the App Router, TypeScript, and React Server Components. It does not assume the Pages Router, a database, or an auth library. If the repo already picked one, follow that instead of adding a second.
Example file
Balanced strictness, readable style, pragmatic tests. Download name: GEMINI.md
# GEMINI.md
Project context for the Gemini CLI in this Next.js repository. Read it before editing.
Other agents can follow the same rules, but Gemini loads this filename automatically.
## Stack
This repository is a Next.js app on the App Router with TypeScript. Server Components are the default. Add a client component only for state, effects, or browser APIs.
## Layout
- Routes, layouts, and server code live in `app/`.
- Shared UI lives in `components/`. Shared logic lives in `lib/`.
- Keep route files thin. Move non-trivial logic into functions that can be tested without rendering a page.
## Commands
- Dev server: `npm run dev`
- Production build: `npm run build`
- Lint: `npm run lint`
- Tests: `npm test`
Use the script the repo already defines when it differs from the command above.
## Conventions
- Fetch data on the server. Do not fetch in `useEffect` for data the server can already load.
- Use `next/link`, `next/image`, and `next/font`. Do not add another image or font pipeline.
- Mutations go through the Server Actions or route handlers the repo already uses.
- Validate input at the boundary with the validator the repo already uses.
- Keep client components small and at the leaves of the tree.
- Match the existing styling system. Do not introduce a second CSS framework.
## Testing
Add or update tests when behavior changes.
Use the runner already in the repo (Vitest, Jest, or Playwright). Cover the behavior you changed, not every component.
## Style
- Optimize for the next reader over the shortest diff.
- Comment only when the why is non-obvious.
- Name things the way neighboring files already do.
- Do not reformat code you did not change.
## Errors
- Fail at the boundary. Do not swallow errors.
- Return a clear error from server actions and route handlers. Do not send stack traces to the client.
## Scope
- Do the requested task. Do not refactor unrelated code.
- Match the rigor already in the repo. Fix what you touch.
- Ask one clarifying question only when the task cannot be finished without it. Otherwise state the assumption and continue.
## Avoid
- Do not import server-only modules into a client component.
- Do not put secrets in `NEXT_PUBLIC_` variables or client bundles.
- Do not mark a whole tree as a client component to silence one hook error.
- Do not add `pages/` routes to an App Router project.
## Done when
- The requested behavior works.
- `npm run lint` and `npm test` pass, or you name the command you could not run.
- The diff stays inside the task.
- You list anything you could not run.
Add it to the project
01
Copy a starting file
Copy the example GEMINI.md on this page, or open the generator if you want different testing, strictness, or comment rules.
02
Save it at GEMINI.md
Save it as `GEMINI.md` at the root of the Next.js repo. Start a new Gemini CLI session so it picks up the file.
03
Start a fresh agent session
Rules files are read when a session starts. A chat that is already open may still be using the old instructions.
04
Give it one small task
Ask for one change a Next.js agent often gets wrong, such as a page that loads data on the server instead of in useEffect. If it ignores the file, confirm the path and start a new session.
Questions about this file
Where do I put GEMINI.md in a Next.js repo?
Save it as `GEMINI.md` at the root of the Next.js repo. Start a new Gemini CLI session so it picks up the file.
Which tools read this GEMINI.md?
The Gemini CLI reads GEMINI.md as project context. Claude Code reads CLAUDE.md instead, and most other agents read AGENTS.md.
What does the Next.js example assume?
The example assumes the App Router, TypeScript, and React Server Components. It does not assume the Pages Router, a database, or an auth library. If the repo already picked one, follow that instead of adding a second.
Does VibeSpell upload my repository?
No. Recipe pages are static, and the generator builds the file in your browser from the options you pick. Your source code never leaves the machine.
Other files for Next.js
Cursor rules
.cursor/rules/project.mdc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
system prompt
system-prompt.md
Copilot instructions
.github/copilot-instructions.md
Windsurf rules
.windsurf/rules/project.md
Cline rules
.clinerules
Cursor testing rule
.cursor/rules/testing.mdc
Cursor security rule
.cursor/rules/security.mdc
GEMINI.md for other stacks
- GEMINI.md for React
- GEMINI.md for Vue
- GEMINI.md for SvelteKit
- GEMINI.md for Node.js
- GEMINI.md for FastAPI
- GEMINI.md for Django
- GEMINI.md for Go
- GEMINI.md for Rust
- GEMINI.md for Unity
- GEMINI.md for Godot
- GEMINI.md for Laravel
- GEMINI.md for Rails
- GEMINI.md for Flutter
- GEMINI.md for Swift
- GEMINI.md for Kotlin
- GEMINI.md for Unreal
- GEMINI.md for Next.js + Supabase
- GEMINI.md for T3
- GEMINI.md for Astro
- GEMINI.md for Remix
- GEMINI.md for Nuxt
- GEMINI.md for Electron
- GEMINI.md for Tauri
- GEMINI.md for Expo
- GEMINI.md for Spring Boot
- GEMINI.md for .NET
- GEMINI.md for Phaser
- GEMINI.md for Bevy
- GEMINI.md for Roblox
- GEMINI.md for Python ML
- GEMINI.md for LangChain