---
sidebar_label: 'NLUX With Next.js'
---

import Link from '@docusaurus/Link';

# NLUX With Next.js

NLUX has been designed to easily integrate with Next.js<br />
Code example is available at:

| [github.com/**nlkitai/nlux** -> examples/next-js-demos/**nlux-with-app-router**](https://github.com/nlkitai/nlux/tree/latest/examples/next-js-demos/nlux-with-app-router)

The example shows:

* Next.js Route Handler to fetch the AI response
* NLUX UI to handle the UI interactions

![NLUX with Next.js](/images/screens/nlux-next.png)

---

<Link className="learn-more-link button button--secondary" to="/learn/get-started/vercel-ai">Learn More About NLUX and Next.js</Link>
