Prepare your environment
- Ensure Visual Studio Code and Node.js (latest) are installed.
Initialize the scaffolding
- In VS Code, click the GoPay 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
Install dependencies
- Open the integrated terminal and run: npm install
- Your project file
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)
Integrate JavaScript APIs
- In .js or .ts files, type GP to trigger IntelliSense suggestions for GoPay Container SDK JS APIs(available on Visual Studio Code).
- Select an API snippet to auto-insert usage code.