---
title: "Next.js"
description: "Blyp skill preset for Next.js App Router route handlers and client ingestion."
canonical_url: "https://www.blyp.dev/docs/skills/nextjs"
markdown_url: "https://www.blyp.dev/docs/skills/nextjs.md"
last_updated: "2018-10-20"
x_farming_labs_generated_preamble: true
---

# Next.js
URL: /docs/skills/nextjs
LLM index: /llms.txt
Description: Blyp skill preset for Next.js App Router route handlers and client ingestion.

import { SkillInstall } from "@/app/components/skill-install";
import { SkillSource } from "@/app/components/skill-source";

# Blyp Next.js

Install `blyp-nextjs` after `blyp-core` when the project uses Next.js App Router. This preset tells agents to import from `@blyp/core/nextjs`, wrap route handlers with `withLogger(...)`, and mount `clientLogHandler` on the exact configured ingestion path.

## When to install it

- the repo logs inside `app/**/route.ts`
- Blyp browser ingestion is exposed through a Next.js route
- route handlers need request-scoped logging via the injected `log`

## What it covers

- `createLogger()` from `@blyp/core/nextjs`
- `withLogger(...)` wrapper usage
- `clientLogHandler` mounting
- `500` mismatch behavior when the mounted path and configured path diverge

<SkillInstall slug="nextjs" />

## Related docs

- [Next.js App Router](/docs/integrations/nextjs)
- [Client](/docs/integrations/client)

<SkillSource slug="nextjs" />

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.
Docs-scoped sitemap: [/docs/sitemap.md](/docs/sitemap.md).
Well-known sitemap: [/.well-known/sitemap.md](/.well-known/sitemap.md).