<NextAdmin/>

<NextAdmin/> is a React component that contains the entire UI of Next Admin. It can take several props:

• options: used to customize the UI, like field formatters for example. Do not use with App router (see Options for more details).
• dashboard: used to customize the rendered dashboard. You can provide your own dashboard component. Dashboard is rendered in your base url (e.g. /admin).
• translations: used to customize some of the texts displayed in the UI. See i18n for more details.
• user: used to add some user information at the bottom of the menu. See user for more details.
• Some other props that are used internally by Next Admin that are not documented here and that you should pass as is. Depending on the type of Next Router you're using (App or Pages) you will get these props differently.

This is an example using the NextAdmin component with a custom Dashboard component and options:

import Dashboard from "path/to/CustomDashboard";
import { options } from "@/options";
 
export default async function AdminPage({
  params,
  searchParams,
}: {
  params: { [key: string]: string[] | string };
  searchParams: { [key: string]: string | string[] | undefined } | undefined;
}) {
  const props = await getPropsFromParams({
      params: params.nextadmin as string[],
      searchParams,
      options,
      prisma,
      schema,
    });
 
  return (
    <NextAdmin
      {...props}
      // Do not forget to spread the AdminComponentProps to the NextAdmin component.
      // Then you can override the props you want
      dashboard={Dashboard}
    />
  );
}