PGB Studio in five minutes

What Studio does

PGB Studio (studio.pgbhub.com) builds websites and small apps. There are two starting points on its home page:

• Describe your app: type what you want, choose Start building and the AI assistant writes the first version.
• Start from a template: choose one, fill in a form and see it live.

Try a template

1. Open Studio and scroll to Start from a template. The Marketplace's official templates include Business Website, Product Landing Page, Portfolio and Restaurant Menu.
2. Choose Use this template on Business Website.
3. Type a Project name, then fill in sections like Business, Look, Content and Contact. A Live preview on the right updates as you type, and you can switch Phone size, Tablet size and Desktop size.
4. Choose Create project.

The editor

The project opens with Files, History and Customise on the left, a code editor in the middle, and Preview with the Assistant on the right. The top bar has Save, Deploy and More actions (Export as zip, Publish as a template, Rebuild the preview).

• Ask the Assistant for changes in plain words. It shows each file it changed and gives you an Undo.
• History keeps save points so you can compare and Restore.
• Customise lets you change the template's values later.

Going live

Choose Deploy, give it a PGBHub project and a container name, and Studio builds your app and shows its live address. Deploy again updates it.

Your data and your key

Projects are private to you. The AI builder needs your own AI provider key, and a copy of your AI requests is kept for a limited time for abuse monitoring, with secrets masked.

Where to learn more

Take PGB Studio 101: From Template to Live Website, and read the Studio guides here on PGB Learn.

Try it yourself

1. Build a project from a template and change one colour.
2. Ask the assistant to change a sentence, then press Undo.
3. Open History and look at the save points.

Recap

• Two ways to start: Describe your app or a template.
• The editor combines files, preview and an assistant with undo.
• Deploy puts your app live in a PGBHub project.
• Add your own AI key for the assistant.