Create interactive Jupyter websites with JupyterLite
2023-04-19 , A03-A04

Jupyter notebooks are a popular tool for data science and scientific computing, allowing users to mix code, text, and multimedia in a single document. However, sharing Jupyter notebooks can be challenging, as they require installing a specific software environment to be viewed and executed.

JupyterLite is a Jupyter distribution that runs entirely in the web browser without any server components. A significant benefit of this approach is the ease of deployment. With JupyterLite, the only requirement to provide a live computing environment is a collection of static assets. In this talk, we will show how you can create such static website and deploy it to your users.


We will cover the basics of JupyterLite, including how to use its command-line interface to generate and customize the appearance and behavior of your Jupyter website. This will be a guided walkthrough with step-by-steps instructions for adding content, extensions and configuration.

By the end of this tutorial, you will be able to create your own interactive Jupyter website using JupyterLite.

Outline:

  • Introduction to Jupyter and JupyterLite
  • Examples of JupyterLite used for interactive documentation and educational content (NumPy, Try Jupyter, SymPy)
  • Step-by-step demo for creating a Jupyter website
    • Quickstart with the demo repository
    • Adding content: notebooks, files and static assets
    • Adding extensions to the user interface
    • Adding packages to the Python runtime
    • Customization and custom settings
  • Deploy JupyterLite as a static website on GitHub Pages, Vercel or your own server
  • Conclusion and next steps for learning more about the Jupyter ecosystem

The tutorial will be based on resources already publicly available:

At the end of the tutorial the attendees will have something very concrete to present and a functioning Jupyter website.


Abstract as a tweet

Do you want to create your own interactive Jupyter website with JupyterLite? Check out this step-by-step tutorial and learn how to configure and customize your website 💡

Expected audience expertise: Domain

Novice

Expected audience expertise: Python

None

Public link to supporting material

https://jupyterlite.readthedocs.io/en/latest/

Jeremy Tuloup is a Technical Director at QuantStack and a Jupyter Distinguished Contributor. Maintainer and contributor of JupyterLab, JupyterLite, Jupyter Notebook, Voilà Dashboards, and many projects within the Jupyter ecosystem.

This speaker also appears in: