When to use App Data
Step 1 — Enable App Data
- Open your project dashboard.
- Go to Features and enable App Data.
- Open App Data in the project sidebar.
Step 2 — Create a table
A table (data model) defines columns and rules for your data.- Go to App Data → Tables.
- Click Add table.
- Set a name and key (e.g.
team_directory) — the key is used in the SDK and API. - Add fields with types:
- Mark fields required or unique where needed.
- Save the table.
Step 3 — Add rows
- Open App Data → Rows (or open a table and manage rows).
- Click Add row and fill in field values.
- Edit or delete rows from the dashboard anytime.
Step 4 — Configure API access
Each table has API access settings that control how published pages and the SDK can use it. Operations are configured separately for public (anyone) and authenticated (signed-in) users. Open the table → API settings and choose a preset:
You can also toggle individual operations under Public API access and Authenticated API access, plus Read scope (
All rows vs Own rows only) and Write scope (Any signed-in user vs Record owner only) when those controls apply.
Step 5 — Show data on your site
Option A — Ask the AI (easiest)
In the page editor:- “Directory page listing all rows from my team_directory table with name and role”
- “Detail page at
directory/{record_id}showing one team member”
window.webstorio.listRecords and getRecord with your table key.
Option B — SDK in page code
Editing page code yourself? Read and write rows withwindow.webstorio App Data methods (listRecords, getRecord, createRecord, and more), using your table key.
→ Methods, parameters, and examples: App Data SDK reference
App Data vs CMS
Plan limits
Tips
For developers and agents
Page code useswindow.webstorio App Data methods. → App Data SDK
Agents can create and update rows via MCP (table schema still uses the dashboard UI).
