Create project scaffold for MiniApp

This guide describes how to use the scaffolding for GoPay Container SDK miniapps in Visual Studio Code.

  1. Prepare your environment

    • Ensure Visual Studio Code and Node.js (latest) are installed.
  2. Initialize the scaffolding

    • In VS Code, click the SuperApp icon in the sidebar and choose Create Miniapp.

    • Pick a template (React, Vue, Angular, or plain JS).

    • In the dialog, name your miniapp and select the project folder, then click Create. This opens the new project in VS Code automatically


  3. Install dependencies

    • Open the integrated terminal and run: npm install

  4. Explore project structure
    After npm install, your project will include:

    • public/ – static assets
    • scripts/ – build scripts
    • src/ – source code (assets/, components/, index.js)
    • package.json – project metadata & scripts
    • node_modules/ – installed dependencies
    • dist/ – build output (after packaging)
  5. Integrate JavaScript APIs

    • In .js or .ts files, type WV to trigger IntelliSense suggestions for GoPay Container SDK JS APIs(available on Visual Studio Code).

    • Select an API snippet to auto-insert usage code.