Open source Next.js , Solana xNFT Backpack Scaffold for the community and whole ecosystem - without much fluff and just the essentials. πͺ
Also feel free to send us feedback, open an issue or even PR and contribute by creating your own components, refactoring or other improvements.
- 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 toNEXT_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.
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.