nextjs
Hi everyone, what is the recommended way to build an app with Refine, using Next.js or React?
create refine-app command-line interface (CLI) to set up your project according to your preferences. This command will bootstrap a Next.js Refine template:create refine-appnpm i @pankod/refine @refinedev/nextjs-router
// pages/_app.tsx
import { AppProps } from "next/app";
import { Refine } from "@pankod/refine";
import dataProvider from "@refinedev/simple-rest";
import routerProvider from "@refinedev/nextjs-router";
const API_URL = "<https://api.fake-rest.refine.dev";>
function MyApp({ Component, pageProps }: AppProps): JSX.Element {
return (
<Refine
routerProvider={routerProvider}
dataProvider={dataProvider(API_URL)}
>
<Component {...pageProps} />
</Refine>
);
}
export default MyApp; npm create refine-app@latest refine-storefront