Frontend Addons

What is an Addon?

Addons extend Frontend AI with third-party platforms by making it easier to integrate their services. They provide a streamlined way to connect your project with popular external services and tools without having to configure everything manually.

When you install an addon, Frontend automatically sets up:

Environment Variables: Secrets used to identify your account on the third-party platform
JavaScript Dependencies: Necessary npm packages are added to your project
Integration Code: React components, services, or hooks that simplify working with the third-party API

Once an addon is installed, Frontend AI gains access to these environment variables and code, making it much easier to implement and use the integrated service in your project. This approach significantly reduces the configuration burden and allows you to focus on building your application rather than setting up integrations.

Accessing Addons

Addons are easily accessible from within your Frontend project:

Open your project in the Frontend dashboard
Navigate to the project settings menu
Select the “Addons” section
Browse available addons or search for a specific one
Click “Install” on any addon you want to add to your project

The installation process is automated, and Frontend will handle all necessary configuration steps to ensure the addon works properly with your project.

Available Addons

Frontend supports a growing library of addons for common third-party providers, including:

Gorgias: Integrate customer support and helpdesk functionality
Google Analytics: Add website analytics and visitor tracking
Klaviyo: Implement email marketing and customer segmentation
Mailchimp: Set up email newsletter and campaign management
Segment: Add customer data platform capabilities
And many more: The addon library is constantly expanding

Each addon includes detailed documentation on how to use the integrated functionality within your Frontend project, making it easy to leverage these powerful third-party tools without extensive technical knowledge.

By using addons, you can quickly enhance your Frontend projects with professional-grade functionality that would otherwise require significant development time to implement from scratch.