Skip to main content

Getting Started with Metapages

Ready to create your first Metapage? Our step-by-step tutorials will guide you through the essentials, from basic concepts to more advanced capabilities.

Tutorial 1: Build a Simple Metapage with Image Display

In this introductory tutorial, you'll learn the fundamentals of Metapages by creating a basic image viewer application. You'll:

  • Add a Files metaframe that enables image uploading
  • Implement a Show Image metaframe to display uploaded images
  • Connect these components to establish real-time data flow
  • Experience how changes propagate instantly between metaframes

This hands-on exercise introduces the core Metapages concepts while building something practical and visual.

Tutorial 2: Run Python Code Directly in the Browser

Take your Metapages to the next level by incorporating containerized workflows:

  • Set up a Docker-based metaframe for running code in an isolated environment
  • Execute resource-intensive Python computations directly in the browser
  • Create interactive data processing workflows that leverage Python's capabilities

This tutorial demonstrates how Metapages can handle sophisticated computational tasks while maintaining the accessibility of browser-based applications.

Follow the link below to get started.

Tutorial 1: Build a Simple Metapage with Image Display