livebook-dev · jonatanklosko · Sep 8, 2026 · Sep 8, 2026 · Sep 8, 2026 · Sep 8, 2026
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -3,6 +3,9 @@ import { defineConfig } from "astro/config";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
+  markdown: {
+    shikiConfig: { theme: "github-dark" },
+  },
   vite: {
     plugins: [tailwindcss()],
   },

diff --git a/public/videos/blog/2022-08-24-livebook-spawnfest/explore-section.mp4 b/public/videos/blog/2022-08-24-livebook-spawnfest/explore-section.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/create-secret.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/create-secret.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/database-connection-secret.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/database-connection-secret.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/dbg-image-pipeline.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/dbg-image-pipeline.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/dbg-pipeline.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/dbg-pipeline.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/grid-layout.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/grid-layout.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/message-passing-visualization.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/message-passing-visualization.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/shared-notebook-secret-prompt.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/shared-notebook-secret-prompt.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/supervision-tree-output.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/supervision-tree-output.mp4
diff --git a/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/tabs-layout.mp4 b/public/videos/blog/2022-10-11-whats-new-in-livebook-0-7/tabs-layout.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/chart-cell-bin.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/chart-cell-bin.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/chart-cell-color-scheme.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/chart-cell-color-scheme.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/chart-cell-scale.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/chart-cell-scale.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/doctests.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/doctests.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/hover-docs-math.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/hover-docs-math.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/hover-docs.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/hover-docs.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/image-input.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/image-input.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/map-cell-geocoding.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/map-cell-geocoding.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/neural-network-cell.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/neural-network-cell.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/secrets-sidebar.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/secrets-sidebar.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/slack-message-cell.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/slack-message-cell.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/stale-cell-after.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/stale-cell-after.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/stale-cell-before.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/stale-cell-before.mp4
diff --git a/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/tree-view.mp4 b/public/videos/blog/2023-01-12-whats-new-in-livebook-0-8/tree-view.mp4
diff --git a/public/videos/blog/2023-01-30-whats-new-in-livebook-0-8-1/setup-cell-without-cache.mp4 b/public/videos/blog/2023-01-30-whats-new-in-livebook-0-8-1/setup-cell-without-cache.mp4
diff --git a/src/blog/2021/04-13-announcing-livebook.md b/src/blog/2021/04-13-announcing-livebook.md
@@ -0,0 +1,32 @@
+---
+title: "Announcing Livebook"
+description: "We are glad to announce Livebook, an open source web application for writing interactive and collaborative code notebooks in Elixir and implemented with Phoenix LiveView. Livebook is an important step in our journey to enable the Erlang VM and its ecosystem to be suitable for numerical and scientific computing."
+date: 2021-04-13
+tags: ["releases"]
+---
+
+We are glad to announce [Livebook](https://github.com/livebook-dev/livebook), an open source web application for writing interactive and collaborative code notebooks in Elixir and implemented with Phoenix LiveView. Livebook is an important step in our journey to enable the Erlang VM and its ecosystem to be suitable for numerical and scientific computing.
+
+José Valim has recorded a screencast that highlights some Livebook features, which you can watch below. It also showcases [the Axon library](https://github.com/elixir-nx/axon/), for building Neural Networks in Elixir, as well as some improvements coming in Elixir v1.12:
+
+<div class="embed">
+  <iframe src="https://www.youtube.com/embed/RKvqc-UEe34?rel=0" title="Video" allowfullscreen loading="lazy"></iframe>
+</div>
+
+## Features
+
+If you can’t yet watch the video, here is a summary of Livebook features:
+
+*   A deployable web app built with [Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) where users can create, fork, and run multiple notebooks.
+
+*   Each notebook is made of multiple sections: each section is made of Markdown and Elixir cells. Code in Elixir cells can be evaluated on demand. Mathematical formulas are also supported via [KaTeX](https://katex.org/).
+
+*   Persistence: notebooks can be persisted to disk through the `.livemd` format, which is a subset of Markdown. This means your notebooks can be saved for later, easily shared, and they also play well with version control.
+
+*   Sequential evaluation: code cells run in a specific order, guaranteeing future users of the same Livebook see the same output. If you re-execute a previous cell, following cells are marked as stale to make it clear they depend on outdated notebook state.
+
+*   Custom runtimes: when executing Elixir code, you can either start a fresh Elixir process, connect to an existing node, or run it inside an existing Elixir project, with access to all of its modules and dependencies. This means Livebook can be a great tool to provide live documentation for existing projects.
+
+*   Explicit dependencies: if your notebook has dependencies, they are explicitly listed and installed with the help of the `Mix.install/2` command in Elixir v1.12+.
+
+*   Collaborative features allow multiple users to work on the same notebook at once. Collaboration works either in single-node or multi-node deployments - without a need for additional tooling.
diff --git a/...g/2022/01-24-v0-5-flowcharts-custom-widgets-intellisense-and-ui-improvements.md b/...g/2022/01-24-v0-5-flowcharts-custom-widgets-intellisense-and-ui-improvements.md
@@ -0,0 +1,38 @@
+---
+title: "v0.5: Flowcharts, custom widgets, intellisense, and UI improvements"
+description: "Livebook v0.5 is out with a number of goodies! We have recorded a video showing how to use those features to build chat apps, multiplayer games, and more:"
+date: 2022-01-24
+tags: ["releases"]
+---
+
+Livebook v0.5 is out with a number of goodies! We have recorded a video showing how to use those features to build chat apps, multiplayer games, and more:
+
+<div class="embed">
+  <iframe src="https://www.youtube.com/embed/5tLsBwAjOo0?rel=0" title="Video" allowfullscreen loading="lazy"></iframe>
+</div>
+
+In case you can't watch it, here is a rundown of the biggest features.
+
+## Flowcharts with Mermaid.js
+
+Many teams are using Livebook for documentation. v0.5 improves on this use case by allowing users to embed [Mermaid.js](https://mermaid-js.github.io/) diagrams and visualizations:
+
+![](../../images/blog/2022-01-24-v0-5-flowcharts-custom-widgets-intellisense-and-ui-improvements/mermaid-flowchart.png)
+
+Define your Mermaid.js definitions inside ` ```mermaid ` blocks and you are good to go!
+
+## Custom widgets
+
+You can now add your own widgets to Livebook, known as _Kinos_ in Livebook terminology. Build chat apps, multiplayer games, interactive maps, and more! It doesn't matter what is your domain area, you can now make Livebook as powerful as you want.
+
+We have revamped our Explore guides to include a complete course on Kino with several examples:
+
+![](../../images/blog/2022-01-24-v0-5-flowcharts-custom-widgets-intellisense-and-ui-improvements/kino-explore-guides.png)
+
+## Other improvements
+
+*   You can now increase the editor font-size and pick a high-contrast theme. We also improved the contrast and accessibility in several places.
+
+*   The code editor now supports auto-completion of structs fields and shows additional metadata about functions, such as which version they were added and deprecation notices.
+
+Check out [the technical release notes](https://github.com/livebook-dev/livebook/releases/tag/v0.5.0) for the complete list of changes.
diff --git a/src/blog/2022/05-11-v0-6-automate-and-learn-with-smart-cells.md b/src/blog/2022/05-11-v0-6-automate-and-learn-with-smart-cells.md
@@ -0,0 +1,44 @@
+---
+title: "v0.6: Automate and learn with smart cells"
+description: "Livebook v0.6 is out with a number of exciting features! Join us, as we go from a database connection to charting the data in a few simple steps:"
+date: 2022-05-11
+tags: ["releases"]
+---
+
+Livebook v0.6 is out with a number of exciting features! Join us, as we go from a database connection to charting the data in a few simple steps:
+
+<div class="embed">
+  <iframe src="https://www.youtube.com/embed/4hVIxyHxwK8?rel=0" title="Video" allowfullscreen loading="lazy"></iframe>
+</div>
+
+Below is a quick overview of the biggest features in this new version.
+
+## Smart cells
+
+Livebook v0.6 introduces a new type of cells to help you automate and master entire coding workflows! Smart cells are UI components for performing high-level tasks, such as charting your data:
+
+![](../../images/blog/2022-05-11-v0-6-automate-and-learn-with-smart-cells/smart-cells.png)
+
+We already have a couple Smart cells - including connection to PostgreSQL and MySQL - but the best part is that anyone can create new Smart cells and share with the community. We can't wait to automate workflows from HTTP requests to Machine Learning models!
+
+## Package search
+
+The new version also brings a much more integrated dependency management, including the new package search and the setup cell:
+
+![](../../images/blog/2022-05-11-v0-6-automate-and-learn-with-smart-cells/package-search.png)
+
+## Error highlighting
+
+You will also find better error reporting! Spot typos and syntax errors right away with the new squiggly lines:
+
+![](../../images/blog/2022-05-11-v0-6-automate-and-learn-with-smart-cells/error-highlighting.png)
+
+## Streamlined diagrams
+
+In the previous release we introduced support for Mermaid.js diagrams in Markdown cells. It's now even easier with the new Diagram button:
+
+![](../../images/blog/2022-05-11-v0-6-automate-and-learn-with-smart-cells/diagram-button.png)
+
+## There's more
+
+There are many other notable features, including "code zen" and persistent configuration. Check out [the technical release notes](https://github.com/livebook-dev/livebook/releases/tag/v0.6.0) for the complete list of changes.
diff --git a/src/blog/2022/07-28-introducing-the-livebook-desktop-app.md b/src/blog/2022/07-28-introducing-the-livebook-desktop-app.md
@@ -0,0 +1,26 @@
+---
+title: "Introducing the Livebook Desktop app 🎉"
+description: "We want Livebook to be accessible to as many people as possible. Before this release, installing Livebook on your machine could be considered easy, especially if you already had Elixir installed."
+date: 2022-07-28
+tags: ["announcements"]
+---
+
+We want Livebook to be accessible to as many people as possible. Before this release, installing Livebook on your machine could be considered easy, especially if you already had Elixir installed.
+
+But imagine someone who's not an Elixir developer. They had to either install Docker or Elixir before getting started with Livebook. And if they are in their first steps as developers, even using a terminal could be demanding.
+
+That's why we built [Livebook desktop](/#install). It's the simplest way to install Livebook on your machine.
+
+![Livebook desktop app](../../images/blog/2022-07-28-introducing-the-livebook-desktop-app/livebook-desktop.png)
+
+Livebook desktop doesn't require the person to have Elixir previously installed on their machine. And it works both on the Mac and Windows.
+
+We hope that the desktop app enables way more people to try Livebook.
+
+For example, let's say you want to help your friend to start learning Elixir. You can tell that person to download Livebook desktop and follow the built-in "Distributed portals with Elixir" notebook, a fast-paced introduction to Elixir.
+
+Or maybe for the data scientist that heard about Livebook and wants to try it. That person can download Livebook desktop and learn how to do data visualization in Livebook with the built-in "Plotting with VegaLite" and  "Maps with MapLibre" notebooks.
+
+If you want to try the Livebook desktop app, it's just [one click away](/#install).
+
+We hope you enjoy it! 😊
diff --git a/...22/08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook.md b/...22/08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook.md
@@ -0,0 +1,106 @@
+---
+title: "How to query and visualize data from Google BigQuery using Livebook"
+description: "Querying and visualizing data from a database is a common and recurring task. That's the kind of thing you don't want to repeat yourself, writing the same code repeatedly. That's where Livebook Smart cells come in. It helps you to automate any workflow you want."
+date: 2022-08-02
+tags: ["tutorials"]
+---
+
+Querying and visualizing data from a database is a common and recurring task. That's the kind of thing you don't want to repeat yourself, writing the same code repeatedly. That's where Livebook Smart cells come in. It helps you to automate any workflow you want.
+
+Livebook has built-in Smart cells that help you query and visualize data from multiple databases, like PostgreSQL, MySQL, Google BigQuery, AWS Athena, and SQLite.
+
+This article explains how to use Livevook Smart cells to query and visualize data from a Google BigQuery dataset.
+
+If you like video format, here's a video version of this article:
+
+<div class="embed">
+  <iframe src="https://www.youtube.com/embed/F98OWdigCjY?rel=0" title="Video" allowfullscreen loading="lazy"></iframe>
+</div>
+
+You can also run this tutorial inside your Livebook instance:
+
+[![Run in Livebook](/badge/v1/pink.svg)](/run?url=https%3A%2F%2Fraw.githubusercontent.com%2Fhugobarauna%2Flivebook-notebooks%2Fmain%2Flivebook_google_big_query.livemd)
+
+## Connecting to Google BigQuery using the Database connection Smart cell
+
+Before connecting to a Google BigQuery dataset, you need to create a Google Cloud service account and a service account key. Follow [the steps in this guide](https://cloud.google.com/docs/authentication/getting-started) and download the generated service account key JSON file. That file contains the info needed to configure a connection to Google BigQuery.
+
+Now, create a new notebook. Then, let's create a Google BigQuery connection using a Database connection smart cell. Click the options "Smart > Database connection > Google BigQuery":
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/add-database-connection-cell.png)
+
+Once you've done that, you'll see a Smart cell with input fields to configure your Google BigQuery connection:
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/database-connection-cell.png)
+
+Configure your Google BigQuery connection by following the instructions inside the Smart cell:
+
+*   Add your Google Cloud Project ID
+*   Upload your JSON credentials file
+
+> **Pro tip:** if you have an authenticated [gcloud CLI](https://cloud.google.com/sdk/gcloud) in the machine running your Livebook instance, then Livebook will automatically pick up your Google Cloud credentials and use it for access. No need to upload the JSON file. 😉
+
+Now, click the "Evaluate" icon to run that Smart cell. Once you do that, the Smart cell will configure the connection and assign it to a variable called `conn`.
+
+## Querying Google BigQuery using the SQL Query smart cell
+
+Now, let's use your Google BigQuery connection to query a Google BigQuery public dataset.
+
+Add a new SQL Query smart cell by clicking the options "Smart > SQL Query":
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/add-sql-query-cell.png)
+
+Once done, you can write and execute a SQL query inside that cell. Let's query a public Google BigQuery dataset.
+
+Copy the following query to the cell:
+
+```sql
+select t.year, t.country_name, t.midyear_population
+from bigquery-public-data.census_bureau_international.midyear_population as t
+where year < 2022
+order by year
+```
+
+And execute the cell. The Smart cell will execute the query and assign its result to a variable called `result`. It also will show you the result of the query in a table format, like this:
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/query-result-table.png)
+
+## Visualizing data from Google BigQuery using the Chart smart cell
+
+Now we can visualize the result from that query using a Chart smart cell.
+
+Add a new Chart smart cell by clicking the option "Smart > Chart":
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/add-chart-cell.png)
+
+Your newly created Chart smart cell will look something like this:
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/chart-cell.png)
+
+Now, let's use that cell to visualize the results from our query.
+
+The query we wrote returned the population per year per country from the International Census Data, which is published as a Google BigQuery public dataset. We can use that data to visualize how the world population has been growing over the years.
+
+Use your Chart smart cell to configure:
+
+*   the chart's title
+*   the chart's width
+*   the chart's type
+*   the x-axis and its type
+*   the y-axis, its type, and aggregate
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/chart-cell-configured.png)
+
+Once you've configured the cell, you can evaluate it, and it will build a chart for you. It will look something like this:
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/chart-result.png)
+
+That's it! Using Livebook Smart cells, you can connect to a Google BigQuery dataset, execute a SQL query and visualize the results with a chart. And since this is quite a common task, Smart cells enable you to do that without writing a single line of code!
+
+And, if you need more customization in any part of the process, easy peasy. You can easily convert a Smart cell to a code cell and edit the code generated for you. To do that, click in a Smart cell, and then click the "Convert to Code cell" icon:
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/convert-to-code-cell.png)
+
+When you click the "Convert to Code cell" icon, it will transform your Smart cell into a Code cell. You'll be able to see the code that was running behind the Smart cell and edit it as you like:
+
+![](../../images/blog/2022-08-02-how-to-query-and-visualize-data-from-google-bigquery-using-livebook/generated-code.png)
diff --git a/src/blog/2022/08-24-livebook-spawnfest.md b/src/blog/2022/08-24-livebook-spawnfest.md
@@ -0,0 +1,57 @@
+---
+title: "Livebook + SpawnFest = ❤️ & 💻"
+description: "SpawnFest will have a specific category for Livebook-based projects this year, which Livebook is sponsoring."
+date: 2022-08-24
+tags: ["announcements"]
+---
+
+Good news, SpawnFest will have a specific category for Livebook-based projects this year!
+
+[SpawnFest](https://spawnfest.org/) is an annual 48-hour online software development contest in which teams from around the world get exactly one weekend to create the best BEAM-based applications they can.
+
+Over the years, we've seen many fantastic projects coming out of SpawnFest. We're excited to partner with them this year to bring that energy to the Livebook community. We're sponsoring a category for Livebook-based projects. The idea is to incentivize the community to develop more ideas on how to use Livebook while also supporting a community event.
+
+There are two kinds of projects you'll be able to build:
+
+*   a Livebook notebook
+*   a Livebook Smart Cell
+
+You could build all sorts of cool stuff using a Livebook notebook. Here are a few ideas for what to build with a Livebook notebook:
+
+*   integrating and playing with APIs
+*   data exploration and visualization
+*   machine learning models
+*   interactive data apps
+
+With [Smart Cells](/blog/v0-6-automate-and-learn-with-smart-cells), you can build a custom notebook cell that could be reused by your notebooks or other community members.
+
+If you want to see some examples of custom Smart Cells, here's a Smart Cell that [allows querying the GitHub GraphQL API](https://github.com/sdball/github_graphql_smartcell). And here's another one that [allows connecting to a remote node in an Elixir cluster](https://github.com/zoten/cluster_connect_smartcell) and optionally send a `:erpc` call.
+
+And if you'd like a few ideas of what to build using a Smart Cell, here are a few:
+
+*   a Smart Cell that sends a message to Slack
+*   a Smart Cell where you could fill in some input fields, and then it sends an HTTP request to some API
+*   a Smart Cell that builds a connection to a database, service, or server
+
+## How to get started with Livebook
+
+If you haven't used Livebook yet, it's easier than ever to get started because of our new desktop app. You can [download and install it](/#install) in a couple of minutes.
+
+Once you have installed it, you can use the built-in notebooks to learn how to use Livebook. You can do that by opening Livebook and going to Explore section:
+
+<div class="video">
+  <video src="/videos/blog/2022-08-24-livebook-spawnfest/explore-section.mp4" width="800" height="550" aria-label="Livebook Explore section" controls loop playsinline preload="metadata"></video>
+</div>
+
+In the Explore section, you'll find many notebooks that will help you to learn how to use Livebook. We currently have builtin notebooks about:
+
+*   learning Elixir
+*   how to use Livebook itself
+*   how to create charts (using VegaLite)
+*   how to plot maps using geospatial and tabular data (using MapLibre)
+*   how to build interactive notebooks (using Kino)
+*   how to build a custom Smart Cell
+
+This year SpawnFest will be on October 15th and 16th. [Visit the event's website](https://spawnfest.org/) to learn more about it and how to register.
+
+We're looking forward to seeing what you'll build using Livebook! =D