import { VeltProvider } from '@veltdev/react';

export default function App() {

  return (
    <VeltProvider apiKey="YOUR_API_KEY">
      <YourRootComponent/>
    </VeltProvider>
  );
}

  • React / Next.js

  • HTML

1

Install React package

npm:

$ npm install @veltdev/react

yarn:

$ yarn add @veltdev/react
2

Install types (optional)

If you’re using TypeScript, you can install the types package.

$ npm install --save-dev @veltdev/types
3

Add the VeltProvider

Add the VeltProvider component to the root of your app.

Add your Velt API key.

import { VeltProvider } from '@veltdev/react';

<VeltProvider apiKey="YOUR_API_KEY">
  <YourRootComponent/>
</VeltProvider>

Was this page helpful?

Quickstart2. Authenticate