🚀 iExec Next.js Starter - Decentralized Data Protection
A minimal starter to quickly get started with iExec DataProtector and Next.js.
📋 About
This project is a simple starter that allows you to:
- Connect a Web3 wallet
- Protect data with iExec DataProtector
- Grant access to protected data
- Discover basic iExec features
Included features:
- ✅ Wallet connection with Reown AppKit (WalletConnect)
- ✅ Data protection with iExec DataProtector
- ✅ Multi-chain support (iExec Sidechain, Arbitrum)
- ✅ Simple and clean user interface
- ✅ Built with Next.js, TypeScript, and Tailwind CSS
🛠️ Quick Start
- Clone the project:
git clone https://github.com/iExecBlockchainComputing/iexec-nextjs-starter.git
cd iexec-nextjs-starter- Install dependencies:
-
Create your Reown project:
- Go to https://cloud.reown.com/app
- Create a project and choose AppKit → Next.js
-
Configure environment variables:
# Create a .env.local file
NEXT_PUBLIC_REOWN_PROJECT_ID=your_reown_project_id- Start the project:
Your app will be available at http://localhost:3000
🧩 Compatible Wallets
iExec Bellecour only works with these wallets:
- MetaMask
- Coinbase Wallet
- Brave Wallet
- WalletConnect
- Zerion
❌ Other wallets may not work with iExec SDKs on Bellecour.
📁 Project Structure
src/
├── app/
│ ├── page.tsx # Main page with iExec logic
│ ├── layout.tsx # Global layout
│ └── globals.css # Global styles
├── components/
│ └── WelcomeBlock.tsx # Welcome component
├── config/
│ ├── wagmiConfig.ts # Wagmi/Reown configuration
│ └── wagmiNetworks.ts # Supported blockchain networks
└── context/
└── index.tsx # Global providers
🔍 How It Works
Data Protection
- Connection: Use Reown AppKit to connect your wallet
- Protection: Enter data name and content to protect
- iExec: Data is encrypted and stored via DataProtector
- Result: You receive the address and metadata of protected data
🌐 Supported Networks
- iExec Sidechain (Bellecour) - Chain ID: 134
- Arbitrum One - Chain ID: 42161
- Arbitrum Sepolia - Chain ID: 421614
🚀 Next Steps
This starter is intentionally minimal. You can extend it with:
- More iExec features (compute, marketplace, Web3Mail)
- Advanced data management interface
- Protected dataset marketplace
- Integration with other iExec services
- Custom iExec applications
- Data monetization features
📚 Resources
- iExec Documentation
- iExec DataProtector API
- Reown AppKit Documentation
- Next.js Documentation
- React Documentation
🔧 Development
# Development server npm run dev # Build for production npm run build # Start production server npm start # Lint code npm run lint
Happy coding with iExec! 🔒✨