Chapter 18 · Create
App Builder
After this chapter you can describe an app in chat, generate real React and Next.js source, iterate it across versions, and know what shipping it live does and does not do today.
7 lessons · 30 min
App Builder turns a description into a working web app. You write what you want in chat, and it hands back a real React and Next.js project you can preview, read, change, version, and ship. It lives inside your project, so every build is saved and tracked right next to your images, videos, and documents.
This chapter follows the real workflow from start to finish. You will see what the builder produces, how to shape an app by talking to it, how to preview the result and read the code it wrote, how to iterate across versions without losing your place, and how landing pages here differ from the one-shot generator elsewhere in Pinnora.
One honest note up front. App Builder is a newer surface, and we will tell you where the edges are. Generating, previewing, and iterating are in everyday use. Shipping an app to a live URL is fully built but has not been proven in production yet, so the last lesson draws that line clearly.
- What App Builder isExplain what App Builder produces and how it fits beside the rest of your project.4 min
- Creating your first appTurn a plain-language description into a generated, previewable app.5 min
- Describing what the app should doScope a build with a clear prompt and the slash tool modes.4 min
- Previewing and reading the codeCheck a build across device widths and inspect the files it generated.4 min
- Iterating with versions and diffsRefine a build over multiple turns and compare or restore versions.4 min
- Landing pages: two ways to make oneChoose between App Builder and the one-shot landing page generator.4 min · has a tool to try
- Secrets and shipping liveAdd environment settings to a build and understand what deploying does today.5 min
Reference
Keep going
Library
After this chapter you can find, filter, reuse, and trace the history of every creative your project has generated, and you know where uploads and brand assets actually live instead.
7 lessons - 31 min
Image Studio
After this chapter you can turn one brief into a grounded batch of on-brand ad images, thumbnails, or carousels, steer the batch with the options panel, and hand a finished creative off to iterate or edit.
7 lessons - 29 min
Video Studio
After this chapter you can write a brief that carries its hook, set a clip's length, frame, style, audio, and captions, ground it on your real product and presenter, and turn a finished video into variations and edits.
8 lessons - 36 min