Installation
Add Syft to your next.js application in less than 5 minutes.
- npm
- Yarn
- pnpm
npm install --save @syftdata/next
yarn add @syftdata/next
pnpm add @syftdata/next
Include the Analytics Script
To enable Syft in your app you'll need to expose the Syft context. Include <SyftProvider />, at the top level of your application as shown below:
- Page Routing
- App Routing
src/pages/_app.tsx
import { SyftProvider } from "@syftdata/next";
export default function MyApp({ Component, pageProps }) {
return (
<SyftProvider>
<Component {...pageProps} />
</SyftProvider>
);
}
src/app/layout.tsx
import { SyftProvider } from "@syftdata/next";
export default function RootLayout({ children }) {
return (
<html>
<body>
<SyftProvider>{children}</SyftProvider>
</body>
</html>
);
}