---
sidebar_label: 'Generative UI With Vercel AI'
---

import Link from '@docusaurus/Link';

# Generative UI With NLUX, Next.js, And Vercel AI

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

| [github.com/**nlkitai/nlux** -> examples/next-js-demos/**generative-ui-vercel-ai-sdk**](https://github.com/nlkitai/nlux/tree/latest/examples/next-js-demos/generative-ui-vercel-ai-sdk)

The example shows:

* AI UI generation using Vercel AI SDK.
* Server-Side rendering with Next.js Server Components.
* **NLUX React-Server-Component Adapter** to fetch generated UI.

![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>
