> ## Documentation Index
> Fetch the complete documentation index at: https://pond.dflow.net/llms.txt
> Use this file to discover all available pages before exploring further.
# Privy
> How to add Privy to a Next.js + React app
Use Privy to add authentication and embedded wallets to a Next.js + React app.
Privy supports multiple authentication methods (email, socials, passkeys, and
external wallets). This guide uses email OTP as a simple starting point.
## Prerequisites
Create a Privy app in the [Privy Dashboard](https://dashboard.privy.io/) and
copy your App ID.
## Step-by-step (Next.js + React)
Install the [React SDK](https://docs.privy.io/basics/react/quickstart).
```bash theme={null}
npm install @privy-io/react-auth
```
Put your App ID in `appId="your-app-id"` and wrap your app root. For Solana
embedded wallets, set `embeddedWallets.solana.createOnLogin` to create
wallets on login.
Create a client-side provider component, then wrap it in `app/layout.tsx`.
```tsx theme={null}
// app/providers.tsx
"use client";
import { PrivyProvider } from "@privy-io/react-auth";
export function Providers({ children }: { children: React.ReactNode }) {
return (
{children}
);
}
```
```tsx theme={null}
// app/layout.tsx
import { Providers } from "./providers";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
{children}
);
}
```
Wrap your app in `pages/_app.tsx`.
```tsx theme={null}
// pages/_app.tsx
import type { AppProps } from "next/app";
import { PrivyProvider } from "@privy-io/react-auth";
export default function App({ Component, pageProps }: AppProps) {
return (
);
}
```
To use external Solana wallets, pass `toSolanaWalletConnectors()` to
`externalWallets`. See
[configuring connector chains](https://docs.privy.io/wallets/connectors/setup/configuring-external-connector-chains).
Use Privy’s modal and show a connected state when login completes.
```tsx theme={null}
"use client";
import { usePrivy } from "@privy-io/react-auth";
export default function ConnectButton() {
const { ready, authenticated, login, user } = usePrivy();
if (!ready) return
Loading...
;
if (authenticated) return
Connected
;
return ;
}
```
See the
[Privy Solana wallet docs](https://docs.privy.io/wallets/using-wallets/solana/send-a-transaction)
for transaction examples.