How to Use Unified with Lovable

Integrating Unified.to with Lovable allows developers to build applications that access real customer data across various SaaS tools without security risks, by employing a backend integration layer to handle API calls securely. Lovable is responsible for user experience and application logic, while Unified.to manages the integrations, authorization, and data normalization processes. This setup ensures that sensitive credentials remain protected by requiring API calls to be made from a secure backend environment, which serves as the security boundary. Developers have two options for handling end-user authorization: embedding a Unified Auth component in a Lovable React app or redirecting users to a Unified-hosted authorization page, with the latter being the more robust choice. Once authorized, Unified.to provides a connectionId that the backend uses for subsequent API calls, enabling real-time access to customer data. This architecture supports scalable integration of multiple SaaS applications by avoiding the need for client-side secrets and custom connectors.