Next.js (Pages Router)

This guide assumes you are using the Next.js Pages Router.

Install the Nerve SDK

npm i @nerve-js/client @nerve-js/next

Create a providers wrapper

pages/_app.tsx

import { NerveProvider } from '@nerve-js/next';
import type { AppProps } from 'next/app';
 
export default function App({ Component, pageProps }: AppProps) {
  return (

    <NerveProvider

      redirectUrl="http://localhost:3000/callback/"

      afterRedirectUrl="http://localhost:3000/"

      signInUrl="http://localhost:3000/auth/login">

      <Component {...pageProps} />

    </NerveProvider>
  );
}

In the Pages Router, we wrap our application with providers in the _app.tsx file.

pages/auth/login.tsx

import { NerveSignIn } from "@nerve-js/next";
 
export default function LoginPage() {
  return (
    <>

      {/* your login page header/content... */}

      <NerveSignIn />

    </>
  )
}

Add a route for the auth redirect

pages/auth/callback.tsx


export { NerveCallback as default } from "@nerve-js/next"

You can customize the callback url using the callbackUrl option in the NerveProvider component.

That's all!

You can start using the Nerve client in your application. Before making any requests, make sure to set your provider!

Basic Usage

import { useNerveClient } from '@nerve-js/next';
 
// Get the client instance
const client = useNerveClient();
 
// Set provider to sandbox before making any requests
await client.setProvider('sandbox');
 
// Now you can make requests
const patients = await nerve.patient.search({
  given: 'John',
  family: 'Doe',
  birthdate: '',
});
 
const data = await nerve.carePlan.search({
  patient: patients[0].id || '',
});

Currently only a client-side API is available.

Click here to return to the getting started page.