Back to Library
Next.js Project Context
context
Context template for Next.js App Router projects with modern patterns
nextjscontextapp-routertypescript
Prompt Content
# Project Context
## Tech Stack
- **Framework**: Next.js {{version}} (App Router)
- **Language**: TypeScript
- **Styling**: {{styling}}
- **Database**: {{database}}
## Directory Structure
```
src/
├── app/ # App Router pages
├── components/ # React components
├── lib/ # Utilities and helpers
└── types/ # TypeScript definitions
```
## Conventions
- Server Components by default
- 'use client' only when needed
- Colocate related files
- Use absolute imports (@/)Variables
This prompt uses the following variables that should be replaced
{{version}}versionstringRequired
Next.js version
{{styling}}stylingstringRequired
CSS framework
{{database}}databasestring
Database provider
Details
- Category
- context
- Version
- 1
- Created
- 12/12/2025
- Last Updated
- 12/12/2025