Loading video player...
🔑 Connecting Reown AppKit to Your Monad dApp | Create a Project ID & Configure ENV Variables In this episode, Knox from ProStaking shows how to connect your Reown AppKit front end to your Monad Light Switch dApp by creating and configuring a custom Project ID inside the Reown Dashboard. This step is essential for authentication and communication between your Next.js app, Reown’s wallet connector, and the Monad Testnet. You’ll learn how to register your project, set up environment variables, and prepare your configuration for both local development and production deployment. 💡 What You’ll Learn How to create a Reown AppKit project from the dashboard How to find and copy your Project ID How to add your Project ID to .env.local for local debugging How to declare NEXT_PUBLIC_PROJECT_ID correctly for Next.js Why environment variables matter for secure blockchain connections What changes you’ll need for deployment-ready ENV files 🧰 Tools & Resources Reown Dashboard: https://dashboard.reown.com Monad Documentation: https://docs.monad.xyz Next.js Front End: LightSwitch-frontend .env.local setup for local testing 🪙 Pro Tip Use .env.local for development to keep your Project ID private. When deploying to production (e.g., Vercel, Netlify, or Docker), move the variable to a secure .env or build-time environment config. 🔗 Connect with Knox Follow on X/Twitter → @Knox Validator Infrastructure → Pro Staking ⏱️ Timestamps 0:00 Intro – why a Project ID is required 0:30 Navigating to Reown Dashboard 1:00 Creating a new project 1:45 Copying your Project ID 2:00 Adding it to .env.local in Next.js 2:45 Explaining NEXT_PUBLIC_PROJECT_ID 3:15 Next steps – testing our wallet connection #Monad #ReownAppKit #NextJS #Web3 #DApp #FrontendDevelopment #BlockchainDevelopment #SmartContracts #ProStaking #Knox #MonadTestnet #CryptoDevelopment