Step 1 - Start with an Idea
Think of the dApp you want to build: core features, target chain, user flows, and UI basics.
Step 2 - Select Chain and Give a Prompt
Choose your preferred chain (e.g., Base Sepolia, BSC Testnet, U2U Nebulas Testnet) and enter a short description into the MetaInside chat box (or use voice). Example:
"Build a simple NFT marketplace with minting, listings, and buy flow."
Step 3 - Prompt Enhancing Agent (automated)
Your prompt is processed by MetaInside’s Prompt Enhancing Agent, which clarifies, expands, and structures the request into actionable tasks.
Step 4 - Automated Development Pipeline
MetaInside executes a staged workflow:
Front-end development - Frontend Agent scaffolds pages, components, wallet connections, and UI logic.
Back-end development & Smart Contracts - Backend Agent creates APIs and contract interaction code; Smart Contract Agent generates contracts for compilation and deployment.
Testing & Third-party Integrations - Testing Agent runs unit/integration tests; integrations (IPFS, oracles, analytics) are added as requested.
Note: AI sometimes generates code with compilation errors. Follow the instructions, fix issues if needed, and re-run compilation.
Step 5 - Contract Compilation & Deployment
After you follow the instructions and contracts compile successfully, MetaInside deploys the smart contracts to your selected network(s).
Step 6 - Frontend Integration and Preview
Once contracts are deployed, MetaInside integrates them with your frontend automatically and a preview becomes available for testing and iteration.
Step 7 - Iterate via Chat
Continue improving the dApp by sending more instructions in the chat. Agents will update the relevant code and re-run tests/builds.
Step 8 - Download & Push to GitHub
Use the Code tab’s upper-right controls to Download the project or Push to GitHub.
Step 9 - Terminal and Logs
Use the integrated terminal to run build commands or inspect logs (e.g., npm run dev, yarn test). This helps diagnose compilation or runtime issues.
Step 10 - Final preview
When you’re done improving your dApp, open the Preview to check the complete dApp.
