A modern, secure, and lightweight Web3 wallet built on the Solana blockchain using Next.js, React, and TypeScript. This dApp allows users to create, import, and manage Solana wallets, view balances, and connect seamlessly with decentralized applications (DApps).
🚀 Features 🔐 Wallet Creation & Import — Generate a new wallet from mnemonic or import an existing one. 💰 Balance Viewer — Real-time SOL balance fetched from Solana RPC. 🔗 DApp Connection — Securely connect with Solana-based DApps. 🧩 Phantom-style Interface — Clean and intuitive UI similar to popular Web3 wallets.
🌐 Next.js + Web3 Integration — Built with React, TypeScript, and Solana web3.js. 🛠️ Transaction Support — Send and receive SOL or tokens easily. 🧱 Network Switching — Connect to Devnet, Testnet, or Mainnet.
🏗️ Tech Stack Frontend: Next.js, React, TypeScript Blockchain SDK: @solana/web3.js UI Framework: Tailwind CSS / Shadcn UI State Management: Zustand / Context API
Wallet Integration: Solana Wallet Adapter
⚙️ Installation git clone https://github.com/sumit2393/Sol-Web3App-Nextjs.git cd Sol-Web3App-Nextjs npm install npm run dev
App will run at: 👉 http://localhost:3000
🧭 Environment Setup Create a .env.local file: NEXT_PUBLIC_SOLANA_NETWORK=devnet NEXT_PUBLIC_SOLANA_RPC=https://api.devnet.solana.com
🧑💻 Usage
Open the app in your browser. Create or import a wallet using your mnemonic phrase. View balance and transaction history. Connect to Solana DApps.
First,git clone https://github.com/sumit2393/Sol-Web3App-Nextjs.git cd Sol-Web3App-Nextjs npm install npm run dev
Open http://localhost:3000 with your browser to see the result.
🧰 Developer Sumit — Web3 Developer (React | TypeScript | Node.js | Solana | Next.js) 🔗 GitHub: @sumit2393
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!