Data Source & Connections
Learn how to create, manage, and connect data sources to power dynamic content in your Goloris app. Master data binding and build data-driven mobile applications.
Each screen in your app can display real data — products, events, reservations, profiles — all powered by Data Sources.
The Heart of Every App
Data Sources are what make Goloris apps dynamic and connected. They store your app's content and enable components to display real, live data instead of static placeholders.
Illustration showing a data table feeding content into a mobile list view
1. Creating Your First Data Source
Data Sources are the foundation of dynamic content in Goloris. Start by creating a table to store your app's content.
Steps
- 1Go to the Data Source tab in the Builder
- 2Click "Create New Table" button
- 3Name your table (e.g., "Products", "Services", "Events")
- 4Add fields (columns) and define their types (Text, Number, Image, etc.)
- 5Click "Create" to save your table
Screenshot of "Create Table" modal with example columns
2. Understanding Field Types
Each field in your table has a specific type that determines how data is stored and displayed. Choose the right type for your content.
Text
Use for names, titles, short descriptions, and any text content.
- Product Name
- Title
- Description
Number
Use for prices, scores, quantities, and any numeric values.
- Price
- Quantity
- Rating
Image
Use for product photos, gallery images, and visual content.
- Product Photo
- Gallery Image
- Cover Image
Boolean (Toggle)
Use for active/inactive status, yes/no options, and binary choices.
- Active
- Published
- Featured
Date/Time
Use for scheduling, timestamps, and date-based content.
- Created Date
- Event Date
- Appointment Time
Reference (Coming Soon)
Use to connect data between tables (e.g., Products → Categories).
- Category
- Author
- Related Item
Image of column type selector with icons for text, image, number, etc.
3. Adding & Managing Data
Once your table is created, you can populate it with data. Each row represents one record that can be displayed in your app.
Steps
- 1Open your table in the Data Source section
- 2Click "Add Row" to create a new record
- 3Fill in the fields for each row (e.g., product name, price, image)
- 4Edit rows inline or use the detail editor for complex data
- 5Import data from CSV if supported (coming soon)
Screenshot showing data rows filled in a table view
4. Connecting Data to Components (Data Binding)
Bind your components to data sources to display dynamic content. Use @Field syntax to reference table columns in your UI.
Steps
- 1Select a List or Detail component in the Builder
- 2In the right panel, choose a Data Source from the dropdown
- 3Map component fields to table columns using @Field syntax:
- 4 • Title → @Name
- 5 • Description → @Description
- 6 • Image → @Image
- 7 • Price → @Price
- 8Preview to confirm that dynamic data is showing correctly
Illustration or GIF showing data populating into a list component
5. Advanced: Dynamic Filtering & Relationships (Coming Soon)
Future features will include advanced data operations like filtering, relationships between tables, and computed fields.
Steps
- 1Filter lists by category, status, or user context
- 2Relate data between tables (e.g., "Products" → "Categories")
- 3Use computed or formula fields for smart logic (e.g., total = price × quantity)
Concept diagram showing linked tables and filters
6. Best Practices for Data Modeling
Follow these guidelines to create clean, maintainable data structures that scale with your app.
Best Practices
- Keep field names clear and consistent (productName, not pname)
- Use appropriate field types (don't mix text and numbers)
- Start small — iterate on your schema after testing in the app
- Create sample data for realistic previews before publishing
- Use descriptive table names that reflect their purpose
Visual of clean, organized table vs messy inconsistent schema
Ready to Build Data-Driven Apps?
Start creating your data sources today. Connect them to components and watch your app come alive with dynamic content.
Open BuilderDesign & Component Management
Learn how to design beautiful mobile app layouts using Goloris's visual drag-and-drop builder.
← Back to Getting StartedForms & Interactions
Learn how to create interactive forms that collect user input, trigger actions, and connect to your data sources.
Unlock Loyalty Rewards →
