Solana Next Template

Solana dApp Template with Next.js is a boilerplate for building decentralized applications on the Solana blockchain using the Next.js React framework, pre-wired with wallet connection and NFT tooling.

What is Solana dApp Template with Next.js?

Solana dApp Template with Next.js is an open-source, MIT-licensed repository that scaffolds a Solana dApp with Next.js and a modern frontend stack. The template takes a fresh Next.js project and adds @solana/web3.js for blockchain interaction and @metaplex-foundation/js for NFT and marketplace functionality, producing a runnable app with a wallet-connected header and an NFT select component. It is installed via pnpm install and launched with pnpm run dev.

Key Features

• Next.js framework — Server-rendered React app rooted at app/page.tsx with a dev server on localhost:3000.
• Solana Web3 integration — Bundles @solana/web3.js for transactions, accounts, and program calls.
• Metaplex JS library — Includes @metaplex-foundation/js for NFT minting and metadata handling.
• Wallet connection header — A Header component with a MobileMenu and a wallet connection button is pre-built.
• NFT select component — Provides an NFT Select component for picking NFTs owned by a user.
• Tailwind CSS and TypeScript — The UI is styled with Tailwind CSS and the codebase is written in TypeScript.
• UI primitives — @headlessui/react (accessible unstyled components) and @heroicons/react (icons) are included.
• Code quality — Prettier is configured for automatic code formatting.

Who is it for?

• Solana developers — Bootstrapping a new dApp without manually wiring wallet and NFT libraries.
• NFT marketplace creators — Building frontends that display and select user NFTs using Metaplex.
• Next.js and Tailwind users — Developers who want a React-based web3 starter using familiar tooling.

What can you do with it?

• DApp prototypes — Launch a working Solana frontend with wallet login and a placeholder for custom functionality.
• NFT selection UIs — Use the included NFT Select component to render and choose NFTs from a wallet.
• Learning Solana development — Read how @solana/web3.js and @metaplex-foundation/js integrate into Next.js.

How does it work?

The README documents five setup steps: clone the repository, run pnpm install, customize the project starting at app/page.tsx, start the development server with pnpm run dev, then open localhost:3000 in a web browser.

FAQ

Is Solana dApp Template with Next.js free?

Yes, the project is open source under the MIT License and the repository is public on GitHub.

What packages does the template include?

It bundles Next.js, @solana/web3.js, @metaplex-foundation/js, @headlessui/react, @heroicons/react, Prettier, Tailwind CSS, and TypeScript.

Does the template include an NFT gallery?

No, an NFT gallery is listed as a TODO on the README. The current components are a Header with wallet connection and an NFT Select component.

How do I run the template locally?

After cloning the repository, run pnpm install to install dependencies, then pnpm run dev to start the server. Visit http://localhost:3000 in your browser.

Can I contribute to the project?

Contributions are welcome. The README invites creating issues or pull requests for suggestions, bug reports, feature requests, or other improvements.