Data Sources
Connect your ForgeZap applications to various data sources. From databases to APIs, make your applications dynamic and data-driven.
Data Binding
Data binding connects your components to data sources, making your applications dynamic and responsive to real-world data changes.
Supported Data Sources
Data Binding Overview
How Data Binding Works
Select a data-aware component (like Data Table)
Open the Data tab in the properties panel
Choose your data source
Configure queries or endpoints
Map data fields to component properties
Data-Aware Components
Display Components
- • Data Table - Show tabular data
- • Text - Display dynamic text
- • Image - Show images from URLs
- • Badge - Display status from data
Form Components
- • Input - Pre-populate with data
- • Select - Options from data source
- • Checkbox - State from data
- • Radio - Options from data
Data Transformations
Transform your data before displaying it in components. Apply formatting, filtering, and calculations to present data exactly how you need it.
Text Transformations
- • Uppercase/Lowercase conversion
- • Capitalize first letter
- • Trim whitespace
- • Replace text patterns
Date Transformations
- • Format dates and times
- • Calculate time differences
- • Extract date parts
- • Convert timezones
Number Transformations
- • Currency formatting
- • Percentage formatting
- • Decimal places
- • Mathematical operations
Custom Transformations
- • JavaScript expressions
- • Conditional logic
- • Complex calculations
- • Data aggregation
Real-time Data
Live Data Updates
Your applications automatically update when data changes, providing real-time information to users.
Automatic refresh when data changes
Configurable refresh intervals
Live charts and visualizations
Performance
ForgeZap optimizes data fetching to ensure fast loading times. Data is cached intelligently and only refreshed when necessary.
Data Security
Security Features
API Security
- • API key authentication
- • OAuth integration
- • Rate limiting
- • CORS configuration
Data Protection
- • Encrypted connections
- • Data validation
- • Access controls
- • Audit logging
Common Use Cases
Customer Management
Store and display customer information from a database:
sql
// Example: Customer data query
SELECT name, email, phone, created_at
FROM customers
ORDER BY created_at DESC
LIMIT 50API Integration
Connect to external APIs for real-time data:
javascript
// Example: Weather API
GET https://api.weather.com/v1/current
Headers: {
"Authorization": "Bearer YOUR_API_KEY"
}Explore Data Sources
Data Best Practices
Start with simple data connections and gradually add complexity. Always test your data sources to ensure they're working correctly before building complex applications.