4. Front-End Generation and Binding

With the back-end program deployed, Nyvo now generates a front-end application that interacts with it. Nyvo’s front-end generator produces a web application (likely in React/TypeScript) that includes UI components for your chosen modules. This includes wallet connection widgets, forms and buttons for each on-chain action, and dynamic displays of on-chain data. The front-end is pre-configured with the program ID and uses Nyvo’s runtime library or Solana’s web3 SDK to call into the program.

For example, if your dApp is a marketplace, the generated UI will have a listing view and purchase buttons, and the code behind those buttons will invoke the marketplace program’s instruction (via solanaWeb3.js or an Anchor client). All the heavy lifting – constructing transactions, encoding instruction data, addressing the correct program accounts – is handled by the Nyvo API layer in the front-end.

Developers can customize the UI layout or styling further, but the core logic connecting to Solana is already in place. Nyvo may either provide the front-end as a downloadable code package or host it for you at a temporary URL. In either case, you should review it for any tweaks needed (for instance, inserting your branding or adjusting text).