"Hello World" Examples Frameworks Examples React

Wasp Hello World

A full-stack Wasp application — React client, Node.js API, and PostgreSQL — deployed on Zerops. The client ships as static Nginx assets; the API runs on Node.js 24 with Prisma migrations.

ZCP configuration
Cloud IDE
VS Code
Public Access
Mounted services
api dev app dev
Lightweight project core
Single dedicated container with balancers (L3/L7), logger and statistics services
apidev:3000,:3001
Node.js

Container

1Shared Core

1 GBRAM

1 GBDisk (SSD)

 GitHub repo
apistage:3001
Node.js

Container

1Shared Core

0.5 GBRAM

1 GBDisk (SSD)

 GitHub repo
appdev:3000,:3001
Node.js

Container

1Shared Core

1 GBRAM

1 GBDisk (SSD)

 GitHub repo
appstage
Static

Container

1Shared Core

0.25 GBRAM

1 GBDisk (SSD)

 GitHub repo
db:5432,:6432
PostgreSQL

Container

1Shared Core

0.25 GBRAM

1 GBDisk (SSD)

5Shared Cores

3 GBRAM

5 GBDisk (SSD)

$12.50

Per month for
Resources cost
add
FreePer month for
Lightweight pkg.

After deploying one of the environments and getting to know Zerops, you have two paths forward. 1 Clone our GitHub repositories and use the whole recipe as a template, or if you already have an existing application on a similar stack, 2 integrate the recipe setup with your application.

or
Taking ownership of theenvironment

Remote (CDE) environment mirrors the AI agent layout — app and API each get a dev + stage pair (appdev/appstage, apidev/apistage), plus PostgreSQL — for developers working over SSH or a mounted remote filesystem.

Clone the template repositoriesPrerequisite: check authorization1Open your remote development environment2Choose how to connectOption 1: start in the cloud IDEOption 2: connect from your local IDE or terminal3Understand local vs remote development4Work with the dev/stage flow5Move toward production6Optional: inspect logs and services
Deploy more environments

Taking ownership of the Remote CDE environment

Clone the template repositories

Fork or clone the following to your local machine or GitHub account:

Prerequisite: check authorization

After you deploy the remote development environment, an authorization dialog should appear.

Complete the authorization before continuing. If the dialog did not appear, open the environment guide again from the recipe detail, or use the IDE authorization flow when prompted.

Remote development authorization dialog

1. Open your remote development environment

Your remote development environment is ready. It runs as a persistent Zerops service inside your project, close to your managed services and internal network.

Open the service in the Zerops Dashboard and check that it is running.

2. Choose how to connect

You can work with the remote environment from the browser or from your local tools.

Option 1: start in the cloud IDE

The fastest way to start coding is to open the cloud IDE from the service dashboard.

  • No local setup is required.
  • The workspace is already connected to your Zerops project.
  • You can access internal services through Zerops networking.
  • You do not need a local .env file in the remote workspace. Manage secrets and configuration through Zerops environment variables.

Option 2: connect from your local IDE or terminal

If you prefer local tooling, connect to the remote environment over SSH.

Install zCLI and log in:

bash
npm i -g @zerops/zcli
zcli login <personal-access-token>

Start the VPN:

bash
zcli vpn up

Connect to the remote environment:

bash
ssh -A <service-name>.zerops

Use this SSH connection from compatible local tools and IDEs.

3. Understand local vs remote development

Use the remote development environment when you want your workspace to run inside Zerops, close to your services and project network.

Use local development when you want to run the application on your own machine while connecting to Zerops services through VPN.

For local development, you can export environment variables with zCLI:

bash
zcli project env --service <service-name> --user-only > .env

For remote development, you usually do not need a local .env file. Manage configuration through Zerops environment variables instead.

4. Work with the dev/stage flow

Most setups use a development environment for active work and a staging environment for verification.

A typical flow is:

  1. Make changes in the remote development environment.
  2. Test the app against internal services.
  3. Push the changes to your repository or deploy with zcli push.
  4. Verify the result in staging.
  5. Move toward production when the staging version is ready.

5. Move toward production

When the application is ready, finish the production setup.

The usual production checklist is:

  • configure the deployment pipeline
  • set up your domain
  • verify logs and runtime behavior
  • configure backups if the recipe includes a database
  • review scaling settings before real traffic arrives

Follow the production guide for your selected recipe/environment when you are ready to release.

6. Optional: inspect logs and services

Use the Zerops Dashboard to check runtime logs, service status, and deployment details.

If you need terminal access for diagnostics, use zCLI and SSH:

bash
zcli vpn up
ssh <service-name>.zerops

Use this for inspection and maintenance, not as the main way to change production services.

Have an app already? Integrate Zerops into it

These services were wired into Zerops with per-service integration guides. Open the Integrate flow to follow the same steps for your own application.

Deploy more environments

Deploy environments for the rest of the development lifecycle

One environment rarely tells the full story — deploy environments for other stages of development to see how they work on Zerops.

Related platform & services docs