---
id: nextjs-appdir
title: With `app/` Directory
example-tags: [next.js,router-provider,antd,experimental]
---

**refine** allows you to use the `app/` structure in your Next.js apps. To learn more about the `app/` directory, check out [Next.js beta docs](https://beta.nextjs.org/docs/upgrade-guide). In this example you will find how to use the `app/` directory with refine.

[Refer to the refine Next.js documentation for more information. →](../../advanced-tutorials/ssr/nextjs.md)

<CodeSandboxExample path="with-nextjs-appdir" />
