Minimal Next.js (App Router) example for @solana/react-hooks using Tailwind CSS v4 (config-less).
It wires the Wallet Standard connectors (Phantom, Solflare, Backpack, MetaMask + auto-discovery) and shows a
memo-sending flow: connect a wallet, type a memo, and submit a Memo program transaction with the
connected signer.
pnpm install
pnpm --filter @solana/example-nextjs devOpen http://localhost:3000 and pick a wallet. The app runs against Devnet by default.
next.config.mjs enables transpilePackages for the @solana/* packages so the hooks work with the
Next.js bundler. Tailwind CSS v4 is declared inside app/globals.css with @import "tailwindcss";
and @source "./app/**/*.{ts,tsx}" for class detection. The Solana client uses the cluster moniker
(devnet) set in app/providers.tsx; change it there to target another cluster.
pnpm --filter @solana/example-nextjs build # next build
pnpm --filter @solana/example-nextjs start # next start
pnpm --filter @solana/example-nextjs typecheck # tsc --noEmit
pnpm --filter @solana/example-nextjs lint # biome check app