# Observable Framework in-browser development starter kits (Node, Python)

**URL:** <https://talk.observablehq.com/t/observable-framework-in-browser-development-starter-kits-node-python/8803>\
**Category:** Show and tell\
**Created:** [February 17, 2024, 2:34pm UTC](https://talk.observablehq.com/t/observable-framework-in-browser-development-starter-kits-node-python/8803 "2024-02-17T14:34:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dleeftink](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dleeftink/32/7049_2.png) [@dleeftink](https://talk.observablehq.com/u/dleeftink)\
**Post date:** [February 17, 2024, 2:34pm UTC](https://talk.observablehq.com/t/observable-framework-in-browser-development-starter-kits-node-python/8803/1 "2024-02-17T14:34:57Z")

</div>

Hi all! The Observable Framework release sure is exciting. But… don’t you just miss the ease and simplicity of creating a notebook right inside your browser without the setup hassle?

I know I do. Which is why I’ve created a couple of devcontainers that can be used with Github Codespaces to start using Observable Framework right inside your browser.

Usage instructions are available on the respective repository pages:

- [GitHub - dleeftink/observable-node-codespace: Codespace prerequisites for starting with Observable Framework.](https://github.com/dleeftink/observable-node-codespace)

- [GitHub - dleeftink/observable-python-codespace: Codespace prerequisites for starting with Observable Framework using Node and Miniconda.](https://github.com/dleeftink/observable-python-codespace)

I will try and include some more base images (R, Julia, C++) in the future.

---

<div class="post-metadata">

**Author:** ![erdirstats](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/erdirstats/32/7607_2.png) [@erdirstats](https://talk.observablehq.com/u/erdirstats)\
**Post date:** [February 17, 2024, 8:04pm UTC](https://talk.observablehq.com/t/observable-framework-in-browser-development-starter-kits-node-python/8803/2 "2024-02-17T20:04:20Z")

</div>

So, this allows for python (and all else…) to run on the browser? I made some change in the python code and all changes are shown in the dashboard, live. Looks very nice!

---

<div class="post-metadata">

**Author:** ![dleeftink](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dleeftink/32/7049_2.png) [@dleeftink](https://talk.observablehq.com/u/dleeftink)\
**Post date:** [February 17, 2024, 11:10pm UTC](https://talk.observablehq.com/t/observable-framework-in-browser-development-starter-kits-node-python/8803/3 "2024-02-17T23:10:11Z")

</div>

A remote machine hosted by GitHub, but accessibility wise, yes!

If/once StackBlitz bumps their ‘webcontainer’ Node engine to version \>20, I’ll try and make it work there also. [vscode.dev](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev) might be another candidate.

As a side note, devcontainers can also be used to setup a [local development environment in VScode](https://code.visualstudio.com/docs/devcontainers/tutorial) on your own machine.

---

<div class="post-metadata">

**Author:** ![dleeftink](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dleeftink/32/7049_2.png) [@dleeftink](https://talk.observablehq.com/u/dleeftink)\
**Post date:** [July 26, 2024, 5:58am UTC](https://talk.observablehq.com/t/observable-framework-in-browser-development-starter-kits-node-python/8803/4 "2024-07-26T05:58:39Z")

</div>

Since Stackblitz has upgraded the base Node version of their Webcontainers, it is even easier to get started with Observable Framework:

> **[ObservableHQ Framework Starter - StackBlitz](https://stackblitz.com/edit/observable-framework-starter)**
>
> Starter project for Observable Framework, using a Webcontainer that includes Node.js, a JavaScript runtime built on Chrome's V8 JavaScript engine.

Note that Javascript is fully supported, but I think Python support is still experimental. You may try your luck with `pyodide`, `pyscript` or similar [in the meantime](https://stackblitz.com/edit/web-platform-6vzhbp?file=index.html).