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