Creator Preview showing the public page HTML layer of an Aura app
Creator - pages layer

Appifio Creator · Lesson AS01 · Beginner · Aura series

What is Aura?
Three layers: pages · data · admin

Opening lesson for the Aura series: separate Creator, Storage, CMS, and MCP with a shop metaphor - so you know where to go and what to do each day.

Learning goals: Explain Creator / Storage / CMS / MCP in plain language, how they differ, and when to use each layer.

Reading time: about 12 minutes

Prerequisites: You can open an app in Appifio Creator (lesson A01).

Previous lesson: A01 or F01 (Backend).

Next lesson: AS02 - Two data shapes: config sheet vs multi-row ledger.

Key UI labels:

View & edit Backend MCP Save changes /your-link-name/cms

1. Map: four “rooms” of the shop

Backend database content showing JSON storage ledgers and quotas
Storage / database content
Your online shop on Appifio
├─ Creator = storefront / window (page UI)
├─ Aura Storage = warehouse (data + page files)
├─ Aura CMS = day-to-day back office (posts, orders)
└─ Aura MCP = side door for pros with IDE tools (optional)
Visitors only see UI changes after you click
"Save changes" on the Creator toolbar

You do not need the technical names. Remember: who edits the storefront, who enters the warehouse, who sits in the back office, and that the pro door only opens when needed.

2. Glossary

Creator MCP tab as an optional IDE bridge layer
MCP - optional layer
TermPlain meaningWhere in the UI
CreatorDesign pages, ask AI, previewView & edit tab, AI chat
Aura StorageWarehouse for forms, posts, orders, page filesBackend tab
Aura CMSContent admin panel - no need to open Creator every dayURL /your-link-name/cms
Aura MCPBridge to edit the app from an external IDE (Cursor…)MCP tab
Save changesPush the draft to the live visitor siteCreator toolbar
Current / ChangesLive build vs draft you are editingPreview area

3. Each layer with a shop example

  1. Creator (storefront): Change a button color, edit “Buy now”, ask AI to add an About page. Work in View & edit. Visitors see nothing until you click Save changes.
  2. Storage (warehouse): When a visitor submits a contact form, the ticket lives in the warehouse - not “on the page paper”. Inspect it under BackendView backend database content.
  3. CMS (back office): Staff publish posts or change order status - open /your-link-name/cms, no coding required.
  4. MCP (pro door): Only when you (or a technician) want to edit in a familiar IDE. Not required for a shop owner who only publishes content.
Golden rule: Form/order data can land in the warehouse as soon as a visitor submits. But new UI only goes live after Save changes. Do not mix those two.

4. A quick walk-through

  1. Open Creator → View & edit - this is the storefront.
  2. Open Backend - see API key, Easy/Advanced, and the data viewer (warehouse).
  3. In a new browser tab, try https://…/your-link-name/cms - the back office (needs Advanced + a saved site).
  4. Glance at MCP once - know where the pro door is; leave it off if you do not use an IDE.
  5. Remember Save changes on the top toolbar.

5. Aura Storage - two “bins” and who can do what

Inside Storage there are two separate bins (you do not need the tech names - remember the jobs):

BinHoldsEveryday example
Data store (JSON)Posts, contacts, orders, settingsCustomer ledger / config sheet (AS02)
Page file storeHTML, images, CSS…Files tab - files you see

Site visitors (not logged into admin) usually can: read public data; submit a form by adding one row (AS03). They cannot edit/delete lists, change settings, change URL routes, or upload system images.

After admin login: create/edit content by role (AS05). Super admins do the riskiest jobs (accounts, hard delete…).

Always remember when asking AI: use the page helper (appifio_client - AM series); empty ledgers on first read are normal; every post with its own URL needs a route too (AS04); show dates with the built-in helper (AM08); do not invent a separate password file - admin auth already exists.
Never: ask AI to overwrite a whole contact ledger with “one sheet”; hand-edit the admin account file; skip creating a route when publishing a post; use broken relative links that break URLs (AS04); turn off “Try again later” protection.

6. Compared with other tools

  • WordPress: wp-admin ≈ CMS; theme/editor ≈ Creator; database ≈ Storage - WordPress usually splits more into plugins.
  • Shopify: Admin ≈ CMS; theme editor ≈ Creator; “orders/products warehouse” ≈ Storage.
  • Bubble: editor + database tightly coupled; Appifio keeps storefront / warehouse / back office / IDE door separate.

7. Limits

You can

  • Run a small shop/blog without renting a server
  • Staff use CMS; owner uses Creator
  • Outside pros only enter via MCP when allowed

Not / not yet

  • Full CMS usually needs Backend Advanced
  • MCP does not replace Creator for people who do not use an IDE
  • Nothing “goes live by itself” when you only edit a draft or only edit in an IDE

8. Security (overview)

  • Do not paste Backend API keys or MCP tokens into public chat groups.
  • Give CMS accounts only to people who need them - AS05, AS11.
  • Open the MCP door only when a trusted person uses an IDE.

9. Common issues

SituationFix
You edited the page but visitors still see the old oneClick Save changes; check the Current view
Cannot open /cmsCheck Backend Advanced + site saved (AS07, G01)
Mixing up CMS and CreatorCreator = design; CMS = daily posts / orders

10. Tips

  • Shop owners: learn Creator + CMS first; MCP later.
  • Before asking AI to “build a shop”, say clearly: pages (Creator) + data (Storage) + admin (CMS).
  • Read AS02 before telling AI to “save data” - pick the right sheet/ledger shape.

11. Self-check

  1. Can you sketch the 4 layers as a shop?
  2. Do you know which button puts UI live?
  3. Do you know when you need CMS and when you do not need MCP yet?
  4. Can you separate data store vs page files? Guests can add a form row but not edit the ledger?

Next lesson

AS02 - Two data shapes: config sheet vs multi-row ledger

Pick the right shape before asking AI - avoid “overwriting the whole contact list”.

Appifio Creator · Aura series · AS01