Name		Name	Last commit message	Last commit date
parent directory ..
public		public
src		src
.gitignore		.gitignore
CHANGELOG.md		CHANGELOG.md
README.md		README.md
eslint.config.mjs		eslint.config.mjs
next.config.ts		next.config.ts
package.json		package.json
postcss.config.mjs		postcss.config.mjs
tsconfig.json		tsconfig.json

README.md

Phantom SDK Next.js Example

This is a simple Next.js application that demonstrates how to use the Phantom React SDK to connect to Phantom wallet and sign Solana messages.

Features

Connect/disconnect Phantom wallet
Display wallet addresses when connected
Sign Solana messages
Modern UI with Tailwind CSS

Getting Started

Install dependencies:

yarn install

Run the development server:

yarn dev

Open http://localhost:3000 in your browser
Install Phantom browser extension if you haven't already
Click "Connect Phantom Wallet" and follow the prompts
Once connected, you can view your Solana address and sign a test message

How It Works

Uses PhantomProvider from @phantom/react-sdk to wrap the app
useConnect hook provides connection state and methods
useSolana hook gives access to Solana-specific functionality
Configured for Solana only in this example

Tech Stack

Next.js 15.5.3 with App Router
TypeScript
Tailwind CSS
@phantom/react-sdk