xNFT Backpack Scaffold 🎒

NextJS 13 App Router, TypeScript, TailwindCSS, Solana, Web3.js

Open source Next.js , Solana xNFT Backpack Scaffold for the community and whole ecosystem - without much fluff and just the essentials. 💪

Feel free to use it as a starting point for your next Solana project

Also feel free to send us feedback, open an issue or even PR and contribute by creating your own components, refactoring or other improvements.

Getting Started

• Create a project using this example:

git clone https://github.com/Suvraneel/xNFT-scaffold-next
cd xNFT-scaffold-next
code .

• Remove .example from .env.example and add your RPC endpoint to NEXT_PUBLIC_HELIUS_URL=""

• Install dependencies & start buidling:

npm i && npm run dev

or

yarn && yarn dev

or

pnpm i && pnpm run dev

---

• Production Build

npm run build #or yarn build or pnpm run build (accordingly)

You can start editing the page by modifying src/app/page.tsx. The page auto-updates as you edit the file. If you want to add a new page you just create another file in src/app/* folder - Have a look at nfts/page.tsx as an example.

On src/contexts/*, you'll find AllProvider for all provider contexts (eg, ToastProvider), and "WalletProvider" wrapping your app, this is necessary for everything to work.

Learn More

To learn more about Solana and Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.

• Solana Documentation - learn about Solana features.

• Anchor Language Book - learn about Solana features.

• Rust Anchor Documentation - learn about Solana features.

• TailwindCSS Documentation - learn about TailwindCSS features.