Front to Grafana

This page provides you with instructions on how to extract data from Front and analyze it in Grafana. (If the mechanics of extracting data from Front seem too complex or difficult to maintain, check out Stitch, which can do all the heavy lifting for you in just a few clicks.)

What is Front?

Front lets you manage all of your communication channels – email, social media, chat, SMS – in one place, and helps your team collaborate around messages. You can comment on email threads within shared inboxes like support@yourcompany.com without those comments being visible to the sender, and without having to forward or reply-all. You can assign emails to individuals, and set reminders to respond later. Front also offers email templates, sequences, mail merge, and shortcuts to automate your workflow.

What is Grafana?

Grafana is an open source platform for time series analytics. It can run on-premises on all major operating systems or be hosted by Grafana Labs via GrafanaCloud. Grafana allows users to create, explore, and share dashboards to query, visualize, and alert on data.

Getting data out of Front

You can use Front's API to get data about teams, conversations, and many more tables. For example, to get information about a team, you could GET https://api2.frontapp.com/teams/{team_id}.

Sample Front data

Here's an example of the kind of response you might see when querying a team.

{
  "_links": {
    "self": "https://api2.frontapp.com/teams/tim_55c8c149"
  },
  "id": "tim_55c8c149",
  "name": "Delivery",
  "inboxes": [
    {
      "_links": {
        "self": "https://api2.frontapp.com/inboxes/inb_55c8c149",
        "related": {
          "teammates": "https://api2.frontapp.com/inboxes/inb_55c8c149/teammates",
          "conversations": "https://api2.frontapp.com/inboxes/inb_55c8c149/conversations",
          "channels": "https://api2.frontapp.com/inboxes/inb_55c8c149/channels",
          "owner": "https://api2.frontapp.com/teams/tim_55c8c149"
        }
      },
      "id": "inb_55c8c149",
      "name": "Team",
      "is_private": false
    }
  ],
  "members": [
    {
      "_links": {
        "self": "https://api2.frontapp.com/teammates/tea_55c8c149",
        "related": {
          "inboxes": "https://api2.frontapp.com/teammates/tea_55c8c149/inboxes",
          "conversations": "https://api2.frontapp.com/teammates/tea_55c8c149/conversations"
        }
      },
      "id": "tea_55c8c149",
      "email": "leela@planet-express.com",
      "username": "leela",
      "first_name": "Leela",
      "last_name": "Turanga",
      "is_admin": true,
      "is_available": true,
      "is_blocked": false
    }
  ]
}

Loading data into Grafana

Analyzing data in Grafana requires putting it into a format that Grafana can read. Grafana natively supports nine data sources, and offers plugins that provide access to more than 50 more. Generally, it's a good idea to move all your data into a data warehouse for analysis. MySQL, Microsoft SQL Server, and PostgreSQL are among the supported data sources, and because Amazon Redshift is built on PostgreSQL and Panoply is built on Redshift, those popular data warehouses are also supported. However, Snowflake and Google BigQuery are not currently supported.

Analyzing data in Grafana

Grafana provides a getting started guide that walks new users through the process of creating panels and dashboards. Panel data is powered by queries you build in Grafana's Query Editor. You can create graphs with as many metrics and series as you want. You can use variable strings within panel configuration to create template dashboards. Time ranges generally apply to an entire dashboard, but you can override them for individual panels.

Keeping Front data up to date

Now what? You've built a script that pulls data from Front and loads it into your data warehouse, but what happens tomorrow when you have new transactions?

The key is to build your script in such a way that it can identify incremental updates to your data. Thankfully, many of Front's API results include fields like created_at that allow you to identify records that are new since your last update (or since the newest record you've copied). Once you've take new data into account, you can set your script up as a cron job or continuous loop to keep pulling down new data as it appears.

From Front to your data warehouse: An easier solution

As mentioned earlier, the best practice for analyzing Front data in Grafana is to store that data inside a data warehousing platform alongside data from your other databases and third-party sources. You can find instructions for doing these extractions for leading warehouses on our sister sites Front to Redshift, Front to BigQuery, Front to Azure SQL Data Warehouse, Front to PostgreSQL, Front to Panoply, and Front to Snowflake.

Easier yet, however, is using a solution that does all that work for you. Products like Stitch were built to move data from Front to Grafana automatically. With just a few clicks, Stitch starts extracting your Front data via the API, structuring it in a way that's optimized for analysis, and inserting that data into a data warehouse that can be easily accessed and analyzed by Grafana.