Skip to content
Life With Data
Let's Talk

Agentforce, Anywhere: Pixel Perfect UI/UX with Heroku

  • #artificial-intelligence
  • #software
  • #heroku
Read time: 18 minutes
Starting point for your custom Agentforce UI
Starting point for your custom Agentforce UI

The Last Mile of the Agentforce Experience🔗

So, you've built an awesome agent in Agentforce. It's smart, it's capable, but the UI/UX just isn't cutting it for your brand. No problem, we’ll make a custom front-end. But which road do you go down?

The Obvious (and Painful) Path: maybe spin up a React or Vue app on your typical cloud platform. That will work, but also opens up a can of worms. Now you're not just making a quick UI for your agent. You’re wrestling with OAuth flows, dealing with expired credentials, syncing data over fragile or expensive APIs, and waiting for a lengthy security review to get approved.

The Better Path: There's a much cleaner way. Build your custom UI on Heroku, the trusted place to extend the power of the Salesforce platform with developer choice. Your language, your tools, your rules. You stay inside the Salesforce ecosystem, glide past the auth and security headaches, and get a direct, high-performance connection to your data.

The Heroku Difference🔗

Have It Your Way, Too🔗

With deep integrations into the Salesforce ecosystem, building additional capability on Heroku is a breeze while avoiding the need to reinvent the wheel. You don’t need a new CRM or CDP; you need to have control and flexibility over the finer details of some of these systems. This is especially true when it comes to delivering value to your users – everything must be perfect. Heroku is the fastest path to get you there with the tools and technologies you already know and love.

Optimize for Time to Market, Not Just Infrastructure Cost🔗

Sure, a vanilla VM on a hyperscaler looks cheap. It is cheap. But you’re on the hook for everything else: patching, networking, scaling, CI/CD, security, integration, etc. That’s a ton of undifferentiated heavy lifting. Heroku’s opinionated PaaS is literally designed to enable you to git push heroku main and keep working on your application, not the infrastructure it runs on.

Skip the Security Headache🔗

Heroku is part of the Salesforce Trust Boundary. This isn't just marketing fluff; it's a massive technical advantage. It means you inherit a wealth of pre-approved security posture and don’t have to start from square one in tedious and lengthy processes.

Get to "Hello World" in Under 5 Minutes🔗

I've open-sourced a simple but functional starter UI on GitHub. It’s a clean foundation you can fork and build on. You only need a few things to get going:

  • Salesforce Org with Agentforce enabled
  • An Agentforce agent you’d like to make available in the UI
  • A Connected App set up according to the Agentforce Agent API

When you’re ready, hit the "Deploy to Heroku" button in the Github repo. It will collect some context for the app, provision it, and set up the necessary environment configs with a single click. You can have a live, working custom UI in less time than it takes to finish your coffee.

For a live walkthrough, check out the video below.

Stop Wrestling, Start Building🔗

Building a custom front-end for Agentforce doesn't have to mean leaving the platform and taking on security and integration debt. Heroku gives you the fastest, most secure path forward.

When you’re ready, move even faster with these Heroku capabilities tailored for Salesforce: