Integrations

Lovable supports several integrations enabling you to extend its functionality:

​

Native Integrations

Explore the sections below to get started quickly and learn more about GitHub and Supabase integrations currently offered by Lovable.

​

Verified Integrations

Verified integrations work best with Lovable:

• Runware: Make your app generate images from text prompts.

• OpenAI: Add AI capabilities to your app using OpenAI’s powerful language models.

• Anthropic: Add powerful AI capabilities to your app using Anthropic’s Claude models.

• Stripe: Add payment processing capabilities to your app.

• Three.js: Add interactive 3D graphics to your app.

• Resend: Add email capabilities to your app using Resend’s modern email API.

• D3.js: Create dynamic, interactive data visualizations.

• Highcharts: Create professional, interactive charts and visualizations.

• p5.js: Create creative coding projects and interactive graphics. Examples here.

​

Unverified Integrations

All other callable APIs can still be integrated but will often require more context and more instructions. For example, we improve Lovable compatibility with:

• Mapbox: Powers navigation for people, packages, and vehicles everywhere.

• Firecrawl: Turn websites into LLM-ready data.

• Perplexity: Add powerful AI capabilities to your app.

• Zapier: Automation tool that connects different web applications.

• GoJS: Add flowcharts especially useful for visualizing workflows and processes.

You can request new integrations here.

​

Common Issues and Troubleshooting

​

Connection and Authentication Issues

If you encounter difficulties connecting or authenticating with integrations, try the following:

1. Double-check API credentials for accuracy.

2. Ensure the required scopes or permissions are enabled.

3. Verify network connectivity, as firewalls or proxies may block connections.

Refer to GitHub Integration or Supabase Integration for detailed setup instructions.

​

API Credential Management

Lovable enables secure storage of API keys within your project settings (accessible from the Settings sidebar). To maintain security:

• Store your keys in this designated secure location.

• Avoid sharing them with others or using them in prompts unless absolutely necessary.

This ensures your credentials are protected and reduces the risk of misuse.

​

Challenges for Non-Developers

If you’re not a developer, integrating APIs might feel overwhelming. Lovable simplifies this with its in-chat configuration. For unsupported APIs, join the Lovable community on Discord for help or request new integrations here.

​

Edge Function and Configuration Errors

Errors in edge functions can disrupt workflows. To resolve these issues:

1. Review edge function logs to identify and fix errors.

2. Ensure all required dependencies are installed.

3. Confirm that environment variables are correctly configured.

For more information, refer to Supabase’s edge function examples for best practices.

​

Session and Data Management

Managing sessions and data effectively is critical for smooth app performance. Follow these tips:

• Use Supabase’s real-time features (or similar services) for seamless data syncing.

• Ask Lovable to implement strong authentication and token refresh mechanisms for session management.

• Regularly verify that your database schema is up-to-date to prevent potential data integrity issues.

​

Repository and Account Management

For smooth repository management and account syncing:

• Verify that GitHub repository access permissions are correctly configured.

• Use Lovable’s built-in rollback feature for undoing accidental changes, as your projects are automatically backed up.

This ensures safe and reliable version control for your projects.