Skip to main content

Unlock powerful debugging and effortless query monitoring with Refine DevtoolsLearn More

RefineDocumentation

RefineDocumentation

Quick Start Guide

Enterprise Edition

Interface References

Router Provider

React Router v6

useResourceParams

Next.js

Authentication with NextAuth.js

Remix

Authentication with remix-auth

<Authenticated />

useIsAuthenticated

useForgotPassword

useUpdatePassword

Access Control Provider

useSubscription

Notification Provider

useNotification

Audit Log Provider

Audit Log with Antd

Audit Log Provider

<AutoSaveIndicator />

List of Packages

Command Palette

Okta Auth Provider

Migrating Auth Provider

Migrating Router Provider

Version: 4.xx.xx

With Next.js

Refine allows you to use the app/ structure in your Next.js apps. To learn more about the app/ directory, check out Next.js app docs. In this example you will find how to use the app/ directory with refine.

Refer to the Refine Next.js documentation for more information. →

View Source Code

Run on your local

npm create refine-app@latest -- --example with-nextjs