Data & CMS

The Data panel lets you manage content for your app. Open it by clicking the Data icon in the left sidebar.

There are two modes at the top of the panel:

• Static - local data collections stored in your project.
• Supabase - tables from a connected Supabase database. To connect Supabase, see Integrations.

Collections

Collections are groups of structured data. Each collection has fields (columns) and items (rows). Use them for things like blog posts, team members, FAQ items, or product listings.

Creating a Collection

Click the + button next to "Collections" to create a new one. Enter a name and click Create.

Adding Fields

Click the + button in the table header to add a new field to your collection.

• Field name - the name of the field.
• Type - the data type (Text, Number, Boolean, etc.).
• Required - whether the field must have a value.
• Default value - a value used when no value is provided.

Adding Items

Click New item to add a row to your collection. Fill in the fields and click Save.

Exporting Data

Click Export to download your collection data as CSV or JSON.

Supabase Mode

When Supabase is connected, switch to the Supabase tab to view and manage your database tables directly from Webtwizz.

Adding Columns

Click the + button in the table header to add a column. Choose a column name, type, and optionally set it as required or add a default value.

Adding Items

Click New item to insert a row. Supabase items include timestamp fields - Created at and Updated at - that you can set to the current time or a custom timestamp.