Deploy your app to a live address
Build your Studio project and publish it as a running app inside one of your PGBHub projects.
When your app looks right in the preview, Deploy turns it into a live website with its own address.
Before you start
You need a PGBHub project to host it in, and permission to manage that project. If you do not have one yet, create it in the PGBHub console first. Your app runs as a container inside it.
Deploy
- In the editor, choose Deploy in the top bar.
- In Deploy your app, fill in PGBHub project (name or ID).
- Choose a Container name. Use letters, numbers and dashes. It becomes part of your app's address.
- Choose Deploy.
The dialog shows Building your app while it works. When it is finished it says Live and shows your app's address as a link. Open it to see the live site.
If it fails, the message reads "The deploy did not finish" and tells you to check your code for problems in the preview and try again. Fix what the Problems list shows, then choose Deploy again.
Update a live app
After editing, choose Deploy and then Deploy again. A redeploy reuses the same container and address. The project card on your home page shows a Live tag.
What gets built
Studio packages your files and builds them. If your project has its own build instructions it uses them. Otherwise it creates a standard static web server that serves your app and supports pages that handle their own routing.
Good to know
- Your account may limit how many deploys you can do per day and how many apps can be live. A clear message names the limit.
- Learn more about managing the container, its address and any custom domain in the PGBHub console guides.
- Deploys are a build, not a preview. Always test in the editor's Preview first.
More guides in PGB Studio
Start a project from a template
Pick a ready-made template, fill in your business details in a form, watch the live preview and create your project.
Describe your app and let the AI builder start it
Type what you want in plain words and the assistant creates and edits the files for you; add your own AI key first.
Tour the Studio editor
Files, code tabs, live preview, problems list and the Assistant: what each part of the project screen does.
AI edits, undo and safety nets
What the assistant changes, how its edits are applied in one step and how to undo any of them.
History and save points
Create named save points, compare them with your current files and restore an earlier version safely.
Customise a template project later
Change your business name, colours, logo and other values after creating a project, without touching the code.