![Jeremy Wagner](https://web.dev/images/authors/jlwagner-v7.jpg) Jeremy Wagner [GitHub](https://github.com/malchata) [LinkedIn](https://www.linkedin.com/in/malchata) [Homepage](https://jlwagner.net/)


Published: May 23, 2025

<br />

Netlify is a popular hosting choice for all types of websites, ranging from static sites to dynamic websites using a serverless backend. Over time, Netlify's capabilities have grown to include rich deployment capabilities, analytics, and extensions.

[Tony Conway](https://tonypconway.com/)---one of our consultants here at Google---has recently worked with the team at Netlify to develop and publish an extension for [Baseline](https://web.dev/baseline) that tells you which Baseline targets are best supported by your website's real users. Having this kind of data is very helpful, because it can help you [choose an appropriate Baseline target](https://web.dev/articles/how-to-choose-your-baseline-target.md.txt) for your website.

## How do I install the extension?

> [!NOTE]
> **Note:** These instructions are just to get you started, but you can read more detailed instructions [in the extension's GitHub repository](https://app.netlify.com/extensions/baseline).

If you're a Netlify user, the extension can be installed through the Netlify control panel by following these steps:

1. Once logged in, click **Extensions** in the left-hand menu.
2. Search for "Baseline" in the extension search.
3. In the results, click the extension named **Baseline (web feature support analytics)**.
4. Click the extension, and on the next page, click **Install**.

The extension uses an edge function to collect data, and it will take at least a few days before the extension captures enough data to show you which Baseline targets are best supported by your website's users.

## How do I see the data?

Once you have enough data, you can see it by following these steps:

1. Click **Projects** in the left-hand menu.
2. On the next page, click the project you want.
3. On the next page, there will be a left-hand menu item labeled **Baseline (web feature support analytics)** you can click.

You'll then be able to see a breakdown of support for each Baseline target. These include fixed targets from 2015 to the current year, and the Newly and Widely available moving targets.

![The Baseline Netlify extension displays support for each Baseline target, going from 2015 to the current year, and including the Widely and Newly available targets.](https://web.dev/static/blog/baseline-netlify-extension/image/fig-1.png)

As time goes on, the data provided by the extension will begin to show you a clearer picture of web feature support amongst your users.

## What can I do next with this data?

Using this data, you can [select a Baseline target](https://web.dev/articles/how-to-choose-your-baseline-target.md.txt), and then integrate Baseline into your project. One way to do this is by [using Baseline with Browserslist](https://web.dev/articles/use-baseline-with-browserslist.md.txt) so that your project's tooling automatically transforms code based on the level of compatibility your Baseline target specifies through Browserslist.

Additionally, you can use linting tools for CSS and HTML features---such the ones provided by [Stylelint](https://www.npmjs.com/package/stylelint-plugin-use-baseline) and [ESLint](https://web.dev/blog/eslint-baseline-integration.md.txt)---to help guide you during development and deployment so that you're adhering to the target you've selected. You can also rely on [Visual Studio Code's Baseline support](https://web.dev/blog/baseline-vscode.md.txt) to see hovercards while you write your project's HTML and CSS.

It's an exciting time for Baseline tooling! With this extension, Developers using Netlify will be able to get a clearer picture on web feature support for real users---and there's more yet to come in the Baseline tooling pipeline.