---
title: "Netlify Adds Support for Observable Framework | Blog"
description: "As part of our dedication to supporting all frameworks, Netlify now supports Observable Framework, a static site generator tailor-made for data reports and dashboards."
source: "https://www.netlify.com/blog/netlify-adds-support-for-observable-framework/"
last_updated: "2026-08-30T17:36:17.000Z"
---
Last week, ObservableHQ announced [Observable Framework](https://observablehq.com/framework/), a static site generator tailor made for data reports and dashboards. As part of our continued dedication to support all frameworks, we’ve added support for Observable Framework today.

Neltify is a great fit to deploy your data reports and dashboards:

-   Our worldwide CDN delivers your reports super fast to all your internal users—no matter where they’re located
-   Using [Site Protection](https://docs.netlify.com/security/secure-access-to-sites/site-protection/), at the click of a button you can restrict access to team members, or set up password protection to give access to external contributors.
-   [Deploy Previews](https://www.netlify.com/platform/core/deploy-previews/) allow collaborators to view and leave feedback on your reports and dashboards, with every annotation and comment synched to your favorite productivity tools.

And the best: Netlify takes care of building and deploying your Observable Framework site for you, no complicated CI setup is needed. Here’s how:

## How to deploy Observable Framework to Netlify

The Observable CLI provides a quick way to create a new project. To get started, run the following command in your terminal:

```
npm create @observablehq
```

Answer its questions to set up your project. Once it’s set up, push the repository to your git host (e.g. GitHub), and connect it to Netlify:

![](https://cdn.sanity.io/images/o0o2tn5x/production/1b2672f6d84b2410b608ba0caa8403c5c2e48f21-2480x1838.png?auto=format)

You can see that Netlify automatically detected that this is an Observable Framework project, so it set the build command to `npm run build` and the publish directory to `dist`. After creating the site, Netlify builds your project every time you push a commit, and automatically deploys the reports to production. If you want to restrict access to the report, open the Site Configuration and go to Access & Security > Visitor Access.

By running Observable Framework on Netlify, you can ship and iterate on your data reports and dashboards as smooth as ever. Try it out today!

### Share

-   [X (fka Twitter)](https://twitter.com/intent/tweet?text=Netlify adds support for Observable Framework&url=https://www.netlify.com/blog/netlify-adds-support-for-observable-framework/)
-   [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fnetlify-adds-support-for-observable-framework%2F)
-   [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/netlify-adds-support-for-observable-framework/)
-   [Bluesky](https://bsky.app/intent/compose?text=Netlify adds support for Observable Framework+https://www.netlify.com/blog/netlify-adds-support-for-observable-framework/)

* * *

### Tags

-   [changelog](/blog/tags/changelog/)

## Keep reading

![](/_astro/293b82c564c394853a3b9f6f7c4df278dd41846d-1200x675_4A4KF.webp)

News & Announcements August 25, 2026

[

### Compete in OpenAI’s WebMCP Challenge with Netlify

](/blog/compete-openai-webmcp-challenge)

-   ![Profile picture of Karthik Puvvada](/_astro/e5524d3c315ad5114e1d5300d8991bfe902916fe-192x192_Z1w18MB.webp)
    
    Karthik Puvvada
    

![](/_astro/0650db9aa1a0dd8f146c91d7c19161c57ba0833a-1600x900_Z1nSiGU.webp)

News & Announcements August 19, 2026

[

### New clarifying questions in Agent Runners

](/blog/new-clarifying-questions-in-agent-runners)

-   ![Profile picture of Taylor Barnett-Torabi](/_astro/cf4624da8c1286738397b6fecb53bad504df140b-400x400_ZsvK0s.webp)
    
    Taylor Barnett-Torabi
    

## Recent posts

News & Announcements August 25, 2026

[

### Compete in OpenAI’s WebMCP Challenge with Netlify

](/blog/compete-openai-webmcp-challenge)

-   ![Profile picture of Karthik Puvvada](/_astro/e5524d3c315ad5114e1d5300d8991bfe902916fe-192x192_Z1w18MB.webp)
    
    Karthik Puvvada
    

News & Announcements August 19, 2026

[

### New clarifying questions in Agent Runners

](/blog/new-clarifying-questions-in-agent-runners)

-   ![Profile picture of Taylor Barnett-Torabi](/_astro/cf4624da8c1286738397b6fecb53bad504df140b-400x400_ZsvK0s.webp)
    
    Taylor Barnett-Torabi
    

Opinions & Insights August 14, 2026

[

### The full power of Git, without the friction: A conversation with Netlify CTO Dana Lawson

](/blog/netlify-source-with-netlify-cto-dana-lawson)

-   ![Profile picture of Dana Lawson](/_astro/856bf146d0c05c9dc25d45b59f7eac955fbbd644-512x512_1n84rs.webp)
    
    Dana Lawson
    

![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp)

### How do the best dev and marketing teams work together?

[Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)