Skip to main content

Tutorial 1- Build a Simple Metapage with Image Display

In this tutorial, you'll create your first metapage that allows you to upload and display images. This simple example will introduce you to the core concepts of metapages: creating a metapage, adding metaframes, and connecting them to establish data flow.

Getting Started​

Once you've entered the metapage.io site and created an account, you're ready to begin.

Step 1: Create a New Metapage​

Click on the "+ New" button at the top right of the metaframes homepage.

Step 2: Name Your Metapage​

Give your new metapage a name. For this tutorial, we'll call it "My first metapage".

After creating your metapage, you'll see an empty workspace like this:

Adding Metaframes​

Step 3: Add the Files Metaframe​

To upload and view files, we'll use the "Files" metaframe:

  1. Click on the "+ Add" button
  2. Select "Files View" from the dropdown