Skip to content

Updating visuals

If you see any images containing outdated UI, please bear with us.

We are updating all content as quickly as possible to mirror our new UI.

Runtime API Examples

This page demonstrates usage of some of the runtime APIs provided by VitePress.

The main useData() API can be used to access site, theme, and page data for the current page. It works in both .md and .vue files:

md
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>

Results

Theme Data

{
  "appearance": true,
  "nav": [
    {
      "text": "Interface",
      "link": "/start-here/welcome.html",
      "activeMatch": "^(?!.*(weweb-ai|weweb-mcp|elements|database-and-apis|integrations|quick-guides)).*$"
    },
    {
      "component": "NavDivider"
    },
    {
      "text": "Data & API",
      "link": "/database-and-apis/index.html",
      "activeMatch": "/database-and-apis/"
    },
    {
      "component": "NavDivider"
    },
    {
      "text": "Integrations",
      "link": "/integrations/index.html",
      "activeMatch": "/integrations/"
    },
    {
      "component": "NavDivider"
    },
    {
      "text": "Quick Guides",
      "link": "/quick-guides/index.html",
      "activeMatch": "/quick-guides/"
    },
    {
      "component": "NavDivider"
    },
    {
      "text": "WeWeb AI & MCP",
      "link": "/weweb-ai/intro-to-weweb-ai.html",
      "activeMatch": "/weweb-ai/|/weweb-mcp/"
    },
    {
      "component": "NavDivider"
    },
    {
      "text": "UI Elements",
      "link": "/elements/",
      "activeMatch": "/elements/"
    }
  ],
  "logo": {
    "light": "/weweb-logo-wordmark-black.png",
    "dark": "/weweb-logo-wordmark-white.png",
    "alt": "WeWeb Logo",
    "link": "/start-here/welcome.html"
  },
  "sidebar": {
    "/": [
      {
        "text": "WeWeb 101",
        "collapsed": false,
        "items": [
          {
            "text": "Introduction",
            "link": "/start-here/welcome.html"
          },
          {
            "text": "Frequently asked questions",
            "link": "/start-here/frequently-asked-questions.html"
          },
          {
            "text": "Adding elements to the page",
            "link": "/weweb-101/adding-elements-to-the-page.html"
          },
          {
            "text": "Styling your elements",
            "link": "/weweb-101/styling-elements.html"
          },
          {
            "text": "Adding interactivity",
            "link": "/weweb-101/adding-interactivity.html"
          },
          {
            "text": "Intro to the Data & API",
            "link": "/weweb-101/intro-to-database-and-apis.html"
          },
          {
            "text": "Working with data",
            "link": "/weweb-101/working-with-data.html"
          },
          {
            "text": "Creating secure logic",
            "link": "/weweb-101/creating-secure-logic.html"
          },
          {
            "text": "Authentication and security",
            "link": "/weweb-101/securing-your-application.html"
          },
          {
            "text": "Publishing your application",
            "link": "/weweb-101/publishing-your-application.html"
          }
        ]
      },
      {
        "text": "Web Development Basics",
        "collapsed": true,
        "items": [
          {
            "text": "Frontend vs backend",
            "link": "/web-development-basics/frontend-vs-backend.html"
          },
          {
            "text": "HTML, CSS & JavaScript",
            "link": "/web-development-basics/understanding-html-css-javascript.html"
          },
          {
            "text": "Structuring your database",
            "link": "/web-development-basics/understanding-database-structure.html"
          },
          {
            "text": "Understanding APIs",
            "link": "/web-development-basics/understanding-apis.html"
          },
          {
            "text": "APIs and databases",
            "link": "/web-development-basics/apis-and-databases.html"
          }
        ]
      },
      {
        "text": "Interface Overview",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to the interface",
            "link": "/editor/intro-to-the-editor.html"
          },
          {
            "text": "Binding",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to binding",
                "link": "/binding-filtering/binding-concept.html"
              },
              {
                "text": "Binding styling properties",
                "link": "/binding-filtering/binding-styling-properties.html"
              },
              {
                "text": "Binding the repeating of items",
                "link": "/binding-filtering/binding-repeating-items.html"
              }
            ]
          },
          {
            "text": "URL parameters panel",
            "link": "/pages/url-parameters-panel.html"
          },
          {
            "text": "User preview panel",
            "link": "/editor/user-preview-panel.html"
          }
        ]
      },
      {
        "text": "Add panel",
        "collapsed": true,
        "items": [
          {
            "text": "The Add panel",
            "link": "/editor/how-to-use-the-add-panel.html"
          },
          {
            "text": "Styling",
            "collapsed": true,
            "items": [
              {
                "text": "Styling properties",
                "link": "/css-and-styling/css-properties.html"
              },
              {
                "text": "Responsive design",
                "link": "/css-and-styling/responsive-design.html"
              },
              {
                "text": "The box model",
                "link": "/css-and-styling/understanding-the-box-model.html"
              },
              {
                "text": "Grid display",
                "link": "/css-and-styling/css-grid.html"
              },
              {
                "text": "States",
                "link": "/css-and-styling/states.html"
              },
              {
                "text": "Classes",
                "link": "/css-and-styling/classes.html"
              },
              {
                "text": "Animations",
                "link": "/css-and-styling/css-animations.html"
              },
              {
                "text": "Conditional rendering",
                "link": "/css-and-styling/conditional-rendering.html"
              }
            ]
          },
          {
            "text": "Popups",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to popups",
                "link": "/popups/intro-to-popups.html"
              },
              {
                "text": "Adding logic to popups",
                "link": "/popups/adding-logic.html"
              },
              {
                "text": "Using the 'Wait close event'",
                "link": "/popups/wait-close-event.html"
              },
              {
                "text": "Popup build guides",
                "link": "/popups/examples.html"
              }
            ]
          }
        ]
      },
      {
        "text": "Pages & Navigation",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to pages",
            "link": "/pages/intro-to-pages.html"
          },
          {
            "text": "Navigation",
            "link": "/pages/navigation.html"
          },
          {
            "text": "404 page",
            "link": "/pages/404-page.html"
          },
          {
            "text": "Page metadata",
            "link": "/pages/page-metadata.html"
          },
          {
            "text": "Dynamic page metadata",
            "link": "/pages/dynamic-page-metadata.html"
          },
          {
            "text": "Private pages",
            "link": "/pages/private-pages.html"
          },
          {
            "text": "Multi-page sections",
            "link": "/pages/multi-page-sections.html"
          },
          {
            "text": "Sitemap",
            "link": "/pages/sitemap.html"
          },
          {
            "text": "LLMs.txt",
            "link": "/pages/llms-txt.html"
          },
          {
            "text": "Static collection pages",
            "link": "/pages/static-collection-page.html"
          },
          {
            "text": "Dynamic collection pages",
            "link": "/pages/dynamic-collection-page.html"
          }
        ]
      },
      {
        "text": "Assets",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to assets",
            "link": "/editor/assets.html"
          },
          {
            "text": "Files",
            "link": "/editor/files.html"
          },
          {
            "text": "Library overview",
            "link": "/libraries/intro-to-libraries.html"
          },
          {
            "text": "The Marketplace",
            "link": "/libraries/intro-to-the-marketplace.html"
          },
          {
            "text": "The Starter Kit",
            "link": "/libraries/starter-kit.html"
          },
          {
            "text": "Share libraries",
            "link": "/libraries/share-libraries.html"
          },
          {
            "text": "Library dependencies",
            "link": "/libraries/dependencies.html"
          }
        ]
      },
      {
        "text": "Workflows",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to workflows",
            "link": "/workflows/intro-to-workflows.html"
          },
          {
            "text": "Triggers",
            "link": "/workflows/triggers.html"
          },
          {
            "text": "Interface Actions",
            "collapsed": true,
            "items": [
              {
                "text": "Flow (Logic)",
                "collapsed": true,
                "items": [
                  {
                    "text": "Pass through condition",
                    "link": "/workflows/loops.html#pass-through-condition"
                  },
                  {
                    "text": "True/False split",
                    "link": "/workflows/branching.html#true-false-split"
                  },
                  {
                    "text": "Multi-option split",
                    "link": "/workflows/branching.html#multi-option-split"
                  },
                  {
                    "text": "Try/Catch",
                    "link": "/workflows/actions/try-catch.html"
                  },
                  {
                    "text": "Iterator (for loop)",
                    "link": "/workflows/loops.html#iterator-for-loop"
                  },
                  {
                    "text": "While loop",
                    "link": "/workflows/loops.html#while"
                  },
                  {
                    "text": "Break loop",
                    "link": "/workflows/loops.html#break-loop"
                  },
                  {
                    "text": "Continue loop",
                    "link": "/workflows/loops.html#continue-loop"
                  },
                  {
                    "text": "Throw error",
                    "link": "/workflows/actions/throw-error.html"
                  },
                  {
                    "text": "Time delay",
                    "link": "/workflows/actions/time-delay.html"
                  }
                ]
              },
              {
                "text": "Navigation & Popups",
                "collapsed": true,
                "items": [
                  {
                    "text": "Navigate to",
                    "link": "/pages/navigation.html#navigate-to-workflow-action"
                  },
                  {
                    "text": "Navigate to previous page",
                    "link": "/pages/navigation.html#navigate-to-previous-page"
                  },
                  {
                    "text": "Open popup",
                    "link": "/workflows/actions/open-popup.html"
                  },
                  {
                    "text": "Close all popups",
                    "link": "/workflows/actions/close-all-popups.html"
                  },
                  {
                    "text": "Page loader",
                    "link": "/workflows/actions/page-loader.html"
                  }
                ]
              },
              {
                "text": "Functions",
                "collapsed": true,
                "items": [
                  {
                    "text": "Execute workflow",
                    "link": "/workflows/actions/execute-workflow.html"
                  },
                  {
                    "text": "Create variable",
                    "link": "/workflows/actions/create-variable.html"
                  },
                  {
                    "text": "Change variable value",
                    "link": "/workflows/actions/change-variable-value.html"
                  },
                  {
                    "text": "Reset variable value",
                    "link": "/workflows/actions/reset-variable-value.html"
                  },
                  {
                    "text": "Fetch collection",
                    "link": "/workflows/actions/fetch-collection.html"
                  },
                  {
                    "text": "Fetch collections in parallel",
                    "link": "/workflows/actions/fetch-collections-in-parallel.html"
                  },
                  {
                    "text": "Update collection",
                    "link": "/workflows/actions/update-collection.html"
                  }
                ]
              },
              {
                "text": "Components",
                "collapsed": true,
                "items": [
                  {
                    "text": "Execute component workflow",
                    "link": "/workflows/actions/execute-component-action.html"
                  }
                ]
              },
              {
                "text": "Files",
                "collapsed": true,
                "items": [
                  {
                    "text": "Upload file",
                    "link": "/workflows/actions/upload-file.html"
                  },
                  {
                    "text": "Download file from URL",
                    "link": "/workflows/actions/download-file-from-url.html"
                  },
                  {
                    "text": "Print PDF",
                    "link": "/workflows/actions/print-pdf.html"
                  },
                  {
                    "text": "Download CSV",
                    "link": "/workflows/actions/download-csv.html"
                  },
                  {
                    "text": "Create URL from Base64",
                    "link": "/workflows/actions/create-url-from-base64.html"
                  },
                  {
                    "text": "Encode file as Base64",
                    "link": "/workflows/actions/encode-file-as-base64.html"
                  }
                ]
              },
              {
                "text": "PWA",
                "collapsed": true,
                "items": [
                  {
                    "text": "Share",
                    "link": "/workflows/actions/share.html"
                  },
                  {
                    "text": "Vibrate",
                    "link": "/workflows/actions/vibrate.html"
                  },
                  {
                    "text": "Show notification",
                    "link": "/workflows/actions/show-notification.html"
                  },
                  {
                    "text": "Install PWA",
                    "link": "/workflows/actions/install-pwa.html"
                  },
                  {
                    "text": "Get user's location",
                    "link": "/workflows/actions/get-user-location.html"
                  }
                ]
              },
              {
                "text": "Integrations",
                "collapsed": true,
                "items": [
                  {
                    "text": "Supabase",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Overview",
                        "link": "/workflows/actions/supabase/overview.html"
                      },
                      {
                        "text": "Database",
                        "collapsed": true,
                        "items": [
                          {
                            "text": "Select",
                            "link": "/workflows/actions/supabase/database/database-select.html"
                          },
                          {
                            "text": "Insert",
                            "link": "/workflows/actions/supabase/database/database-insert.html"
                          },
                          {
                            "text": "Update",
                            "link": "/workflows/actions/supabase/database/database-update.html"
                          },
                          {
                            "text": "Upsert",
                            "link": "/workflows/actions/supabase/database/database-upsert.html"
                          },
                          {
                            "text": "Delete",
                            "link": "/workflows/actions/supabase/database/database-delete.html"
                          },
                          {
                            "text": "Call Postgres Function",
                            "link": "/workflows/actions/supabase/database/call-postgres-function.html"
                          }
                        ]
                      },
                      {
                        "text": "API",
                        "collapsed": true,
                        "items": [
                          {
                            "text": "Invoke Edge Function",
                            "link": "/workflows/actions/supabase/api/invoke-edge-function.html"
                          }
                        ]
                      },
                      {
                        "text": "Storage",
                        "collapsed": true,
                        "items": [
                          {
                            "text": "Upload File",
                            "link": "/workflows/actions/supabase/storage/storage-upload-file.html"
                          },
                          {
                            "text": "List Files",
                            "link": "/workflows/actions/supabase/storage/list-all-files.html"
                          },
                          {
                            "text": "Download File",
                            "link": "/workflows/actions/supabase/storage/storage-download-file.html"
                          },
                          {
                            "text": "Update File",
                            "link": "/workflows/actions/supabase/storage/storage-update-file.html"
                          },
                          {
                            "text": "Move File",
                            "link": "/workflows/actions/supabase/storage/storage-move-file.html"
                          },
                          {
                            "text": "Copy File",
                            "link": "/workflows/actions/supabase/storage/storage-copy-file.html"
                          },
                          {
                            "text": "Delete Files",
                            "link": "/workflows/actions/supabase/storage/storage-delete-files.html"
                          },
                          {
                            "text": "Create Signed URL",
                            "link": "/workflows/actions/supabase/storage/storage-create-signed-url.html"
                          },
                          {
                            "text": "Get Public URL",
                            "link": "/workflows/actions/supabase/storage/storage-get-public-url.html"
                          }
                        ]
                      },
                      {
                        "text": "Auth",
                        "collapsed": true,
                        "items": [
                          {
                            "text": "Sign up with email",
                            "link": "/workflows/actions/supabase/auth/sign-up-with-email.html"
                          },
                          {
                            "text": "Sign in with email",
                            "link": "/workflows/actions/supabase/auth/sign-in-with-email.html"
                          },
                          {
                            "text": "Sign in with OTP",
                            "link": "/workflows/actions/supabase/auth/sign-in-with-otp.html"
                          },
                          {
                            "text": "Verify OTP",
                            "link": "/workflows/actions/supabase/auth/verify-otp.html"
                          },
                          {
                            "text": "Sign in with provider",
                            "link": "/workflows/actions/supabase/auth/sign-in-with-provider.html"
                          },
                          {
                            "text": "Reset password for email",
                            "link": "/workflows/actions/supabase/auth/reset-password-for-email.html"
                          },
                          {
                            "text": "Update user",
                            "link": "/workflows/actions/supabase/auth/update-user.html"
                          },
                          {
                            "text": "Fetch user",
                            "link": "/workflows/actions/supabase/auth/fetch-user.html"
                          },
                          {
                            "text": "Sign out",
                            "link": "/workflows/actions/supabase/auth/sign-out.html"
                          },
                          {
                            "text": "Sign in with phone (Edge Function)",
                            "link": "/workflows/actions/supabase/auth/supabase-auth-phone-password.html"
                          }
                        ]
                      },
                      {
                        "text": "Realtime",
                        "collapsed": true,
                        "items": [
                          {
                            "text": "Intro to Supabase Realtime",
                            "link": "/workflows/actions/supabase/realtime/intro-to-supabase-realtime.html"
                          },
                          {
                            "text": "Subscribe to channel",
                            "link": "/workflows/actions/supabase/realtime/subscribe-channel.html"
                          },
                          {
                            "text": "Database changes",
                            "link": "/workflows/actions/supabase/realtime/database-changes.html"
                          },
                          {
                            "text": "Broadcast message",
                            "link": "/workflows/actions/supabase/realtime/broadcast-message.html"
                          },
                          {
                            "text": "Presence state",
                            "link": "/workflows/actions/supabase/realtime/presence-state.html"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "text": "Segment",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Identify user",
                        "link": "/workflows/actions/segment/identify-user.html"
                      },
                      {
                        "text": "Track event",
                        "link": "/workflows/actions/segment/track-event.html"
                      },
                      {
                        "text": "Track page view",
                        "link": "/workflows/actions/segment/track-page-view.html"
                      },
                      {
                        "text": "Track screen view",
                        "link": "/workflows/actions/segment/track-screen-view.html"
                      },
                      {
                        "text": "Group user",
                        "link": "/workflows/actions/segment/group-user.html"
                      },
                      {
                        "text": "Alias user",
                        "link": "/workflows/actions/segment/alias-user.html"
                      },
                      {
                        "text": "Reset identity",
                        "link": "/workflows/actions/segment/reset-identity.html"
                      }
                    ]
                  },
                  {
                    "text": "Custom auth",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Authenticate",
                        "link": "/workflows/actions/custom-auth/authenticate.html"
                      },
                      {
                        "text": "Set user",
                        "link": "/workflows/actions/custom-auth/set-user.html"
                      },
                      {
                        "text": "Clear session",
                        "link": "/workflows/actions/custom-auth/clear-session.html"
                      }
                    ]
                  },
                  {
                    "text": "Xano",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Request",
                        "link": "/workflows/actions/xano-request.html"
                      },
                      {
                        "text": "Authenticate",
                        "link": "/workflows/actions/xano-auth/authenticate.html"
                      },
                      {
                        "text": "Set user",
                        "link": "/workflows/actions/xano-auth/set-user.html"
                      },
                      {
                        "text": "Clear session",
                        "link": "/workflows/actions/xano-auth/clear-session.html"
                      }
                    ]
                  }
                ]
              },
              {
                "text": "Advanced",
                "collapsed": true,
                "items": [
                  {
                    "text": "Change language",
                    "link": "/workflows/actions/change-language.html"
                  },
                  {
                    "text": "Change theme",
                    "link": "/workflows/actions/change-theme.html"
                  },
                  {
                    "text": "Copy to clipboard",
                    "link": "/workflows/actions/copy-to-clipboard.html"
                  },
                  {
                    "text": "Stop click propagation",
                    "link": "/workflows/actions/stop-click-propagation.html"
                  },
                  {
                    "text": "Log",
                    "link": "/workflows/actions/log.html"
                  },
                  {
                    "text": "Custom JavaScript",
                    "link": "/workflows/actions/custom-javascript.html"
                  }
                ]
              }
            ]
          },
          {
            "text": "Authentication Actions",
            "collapsed": true,
            "items": [
              {
                "text": "Sign Up/Sign In",
                "collapsed": true,
                "items": [
                  {
                    "text": "Sign up with email",
                    "link": "/workflows/actions/auth/sign-up-with-email.html"
                  },
                  {
                    "text": "Sign in with email",
                    "link": "/workflows/actions/auth/sign-in-with-email.html"
                  },
                  {
                    "text": "Sign in with social provider",
                    "link": "/workflows/actions/auth/sign-in-with-social-provider.html"
                  },
                  {
                    "text": "Request magic link",
                    "link": "/workflows/actions/auth/request-magic-link.html"
                  },
                  {
                    "text": "Sign out",
                    "link": "/workflows/actions/auth/sign-out.html"
                  }
                ]
              },
              {
                "text": "Email Verification",
                "collapsed": true,
                "items": [
                  {
                    "text": "Send verify email",
                    "link": "/workflows/actions/auth/send-verify-email.html"
                  }
                ]
              },
              {
                "text": "Password management",
                "collapsed": true,
                "items": [
                  {
                    "text": "Request password reset",
                    "link": "/workflows/actions/auth/request-password-reset.html"
                  },
                  {
                    "text": "Update password",
                    "link": "/workflows/actions/auth/update-password.html"
                  }
                ]
              },
              {
                "text": "OTP",
                "collapsed": true,
                "items": [
                  {
                    "text": "Request code",
                    "link": "/workflows/actions/auth/otp-request-code.html"
                  },
                  {
                    "text": "Check code validity",
                    "link": "/workflows/actions/auth/otp-check-code-validity.html"
                  },
                  {
                    "text": "Sign in",
                    "link": "/workflows/actions/auth/otp-sign-in.html"
                  },
                  {
                    "text": "Verify email",
                    "link": "/workflows/actions/auth/otp-verify-email.html"
                  },
                  {
                    "text": "Reset password",
                    "link": "/workflows/actions/auth/otp-reset-password.html"
                  }
                ]
              }
            ]
          },
          {
            "text": "Data & API Actions",
            "collapsed": true,
            "items": [
              {
                "text": "Fetch table view",
                "link": "/workflows/actions/fetch-table-view.html"
              },
              {
                "text": "API",
                "collapsed": true,
                "items": [
                  {
                    "text": "Call API",
                    "link": "/workflows/actions/backend/call-backend-endpoint.html"
                  }
                ]
              }
            ]
          },
          {
            "text": "HTTP Request",
            "link": "/workflows/actions/http-request.html"
          }
        ]
      },
      {
        "text": "Variables",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to variables",
            "link": "/data/intro-to-variables.html"
          }
        ]
      },
      {
        "text": "Formulas",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to formulas",
            "link": "/formulas/intro-to-formulas.html"
          },
          {
            "text": "All formulas",
            "collapsed": true,
            "items": [
              {
                "text": "Conditional",
                "link": "/formulas/conditional.html"
              },
              {
                "text": "Math",
                "link": "/formulas/math.html"
              },
              {
                "text": "Array",
                "link": "/formulas/array.html"
              },
              {
                "text": "Text",
                "link": "/formulas/text.html"
              },
              {
                "text": "Object",
                "link": "/formulas/object.html"
              },
              {
                "text": "Date",
                "link": "/formulas/date.html"
              },
              {
                "text": "Utils",
                "link": "/formulas/utils.html"
              },
              {
                "text": "Operators",
                "link": "/formulas/operators.html"
              }
            ]
          }
        ]
      },
      {
        "text": "Figma plugin",
        "collapsed": true,
        "items": [
          {
            "text": "Import Figma designs",
            "link": "/editor/figma/import-figma-designs.html"
          }
        ]
      },
      {
        "text": "Debugging",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to debugging",
            "link": "/editor/intro-to-debugging.html"
          }
        ]
      },
      {
        "text": "Development",
        "collapsed": true,
        "items": [
          {
            "text": "Coded components overview",
            "link": "/editor/development/coded-components.html"
          },
          {
            "text": "Component editor",
            "link": "/editor/development/component-editor.html"
          },
          {
            "text": "Component versions",
            "link": "/editor/development/component-versions.html"
          },
          {
            "text": "Show dev information",
            "link": "/editor/development/show-dev-information.html"
          }
        ]
      },
      {
        "text": "Settings",
        "collapsed": true,
        "items": [
          {
            "text": "App languages",
            "link": "/editor/settings/app-languages.html"
          },
          {
            "text": "Mobile app (PWA)",
            "link": "/editor/settings/pwa.html"
          },
          {
            "text": "Theme & Style",
            "link": "/editor/settings/theme-and-style.html"
          },
          {
            "text": "Headers",
            "link": "/editor/settings/headers.html"
          },
          {
            "text": "Redirections",
            "link": "/editor/settings/redirections.html"
          },
          {
            "text": "Custom scripts",
            "link": "/editor/settings/custom-scripts.html"
          },
          {
            "text": "Base Tag",
            "link": "/editor/settings/base-tag.html"
          }
        ]
      },
      {
        "text": "Billing & Code Export",
        "collapsed": true,
        "items": [
          {
            "text": "Pricing Plans",
            "link": "/settings-billing-code-export/pricing.html"
          },
          {
            "text": "Hosting and Code Export",
            "collapsed": true,
            "items": [
              {
                "text": "How to Host & Export Code",
                "link": "/settings-billing-code-export/hosting-and-code-export.html"
              },
              {
                "text": "Cloudflare Self-Hosting Guide",
                "link": "/settings-billing-code-export/cloudflare-self-hosting-guide.html"
              },
              {
                "text": "AWS Fullstack Self-Hosting (Coming Soon)",
                "link": "/settings-billing-code-export/aws-fullstack-self-hosting.html"
              },
              {
                "text": "Configuring Paths for Self-Hosting",
                "link": "/settings-billing-code-export/self-hosting-with-dynamic-routing.html"
              },
              {
                "text": "WeWeb Public API",
                "link": "/settings-billing-code-export/code-export-api.html"
              },
              {
                "text": "WeWeb Server API (DEPRECATED)",
                "link": "/settings-billing-code-export/weweb-server-api-(deprecated).html"
              }
            ]
          },
          {
            "text": "Account Settings",
            "link": "/settings-billing-code-export/account-settings.html"
          },
          {
            "text": "Workspace Settings",
            "collapsed": true,
            "items": [
              {
                "text": "Projects",
                "link": "/settings-billing-code-export/workspace-settings/projects-tab.html"
              },
              {
                "text": "Components",
                "link": "/settings-billing-code-export/workspace-settings/components-tab.html"
              },
              {
                "text": "Members",
                "link": "/settings-billing-code-export/workspace-settings/members-tab.html"
              }
            ]
          },
          {
            "text": "Project Settings",
            "collapsed": true,
            "items": [
              {
                "text": "Project settings overview",
                "link": "/settings-billing-code-export/project-settings/project-settings.html"
              },
              {
                "text": "Custom domain",
                "link": "/settings-billing-code-export/project-settings/custom-domain.html"
              },
              {
                "text": "Deployments",
                "link": "/settings-billing-code-export/project-settings/deployments.html"
              },
              {
                "text": "After deploy hook",
                "link": "/settings-billing-code-export/project-settings/after-deploy-hook.html"
              },
              {
                "text": "Backups",
                "link": "/settings-billing-code-export/project-settings/backups.html"
              }
            ]
          },
          {
            "text": "Referral Program",
            "collapsed": true,
            "items": [
              {
                "text": "Referral FAQ",
                "link": "/settings-billing-code-export/referral-program/referral-faq.html"
              },
              {
                "text": "Referral Program Legal Terms",
                "link": "/settings-billing-code-export/referral-program/referral-legal-terms.html"
              }
            ]
          }
        ]
      },
      {
        "text": "Components",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to components",
            "link": "/components/intro-to-components.html"
          },
          {
            "text": "Component events",
            "link": "/components/component-events.html"
          },
          {
            "text": "Component dropzones",
            "link": "/components/component-dropzones.html"
          },
          {
            "text": "Advanced properties",
            "link": "/components/advanced-properties.html"
          },
          {
            "text": "Component instance",
            "link": "/components/component-instance.html"
          },
          {
            "text": "Dynamically repeating components",
            "link": "/components/dynamically-repeating-components.html"
          }
        ]
      },
      {
        "text": "Build Guides",
        "collapsed": true,
        "items": [
          {
            "text": "Bubble -> WeWeb Guide",
            "link": "/bubble-guide/index.html",
            "target": "_self",
            "rel": "noopener"
          },
          {
            "text": "Job Board with Xano",
            "link": "/build-guides/job-board-with-xano.html"
          },
          {
            "text": "Using the CRM Template",
            "link": "/build-guides/using-the-crm-template.html"
          },
          {
            "text": "LinkedIn content generator",
            "link": "https://www.weweb.io/blog/how-to-build-an-ai-powered-linkedin-content-generator-with-weweb-n8n-and-openai"
          },
          {
            "text": "AI CRM with MCP",
            "link": "https://www.weweb.io/blog/add-ai-agents-to-your-web-apps-using-mcp"
          },
          {
            "text": "Client scheduling app",
            "link": "https://www.weweb.io/blog/build-a-client-scheduling-app-with-weweb-and-xano"
          },
          {
            "text": "Lead intelligence app",
            "link": "https://www.weweb.io/blog/build-a-lead-intelligence-app-with-weweb-and-buildship"
          },
          {
            "text": "Weather app",
            "link": "https://www.weweb.io/blog/nocode-weather-app"
          },
          {
            "text": "ChatGPT app",
            "link": "https://www.weweb.io/blog/no-code-chatgpt-project"
          },
          {
            "text": "Dashboard",
            "link": "https://www.weweb.io/blog/no-code-dashboard-guide"
          },
          {
            "text": "Multi-step form",
            "link": "https://www.weweb.io/blog/multi-step-form-design"
          }
        ]
      },
      {
        "text": "Plugins",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to plugins",
            "link": "/plugins/intro-to-plugins.html"
          },
          {
            "text": "Data sources",
            "collapsed": true,
            "items": [
              {
                "text": "Supabase",
                "collapsed": true,
                "items": [
                  {
                    "text": "Installation",
                    "link": "/plugins/data-sources/supabase-data.html"
                  },
                  {
                    "text": "Functions",
                    "link": "/workflows/actions/supabase/call-postgres-function.html"
                  },
                  {
                    "text": "API",
                    "link": "/workflows/actions/supabase/invoke-edge-function.html"
                  },
                  {
                    "text": "Workflow actions",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Database | Select",
                        "link": "/workflows/actions/supabase/database-select.html"
                      },
                      {
                        "text": "Database | Insert",
                        "link": "/workflows/actions/supabase/database-insert.html"
                      },
                      {
                        "text": "Database | Update",
                        "link": "/workflows/actions/supabase/database-update.html"
                      },
                      {
                        "text": "Storage | Upload a file",
                        "link": "/workflows/actions/supabase/storage-upload-file.html"
                      },
                      {
                        "text": "Authentication",
                        "link": "/plugins/auth-systems/supabase-auth.html"
                      }
                    ]
                  },
                  {
                    "text": "Realtime",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Intro to Supabase realtime",
                        "link": "/websockets/supabase-realtime/intro-to-supabase-realtime.html"
                      },
                      {
                        "text": "Subscribe to channels",
                        "link": "/websockets/supabase-realtime/subscribe-channel.html"
                      },
                      {
                        "text": "Broadcast messages",
                        "link": "/websockets/supabase-realtime/broadcast-message.html"
                      },
                      {
                        "text": "Database changes",
                        "link": "/websockets/supabase-realtime/database-changes.html"
                      },
                      {
                        "text": "Presence state",
                        "link": "/websockets/supabase-realtime/presence-state.html"
                      }
                    ]
                  }
                ]
              },
              {
                "text": "Xano",
                "collapsed": true,
                "items": [
                  {
                    "text": "Xano data source",
                    "link": "/plugins/data-sources/xano-data.html"
                  },
                  {
                    "text": "Xano realtime",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "Intro to Xano realtime",
                        "link": "/websockets/xano-realtime/intro-to-xano-realtime.html"
                      },
                      {
                        "text": "Open & close channels",
                        "link": "/websockets/xano-realtime/open-close-channel.html"
                      },
                      {
                        "text": "Message",
                        "link": "/websockets/xano-realtime/message.html"
                      },
                      {
                        "text": "Presence",
                        "link": "/websockets/xano-realtime/presence.html"
                      },
                      {
                        "text": "History",
                        "link": "/websockets/xano-realtime/history.html"
                      }
                    ]
                  }
                ]
              },
              {
                "text": "REST API",
                "link": "/plugins/data-sources/rest-api.html"
              },
              {
                "text": "Airtable",
                "link": "/plugins/data-sources/airtable-data.html"
              },
              {
                "text": "Algolia",
                "link": "/plugins/data-sources/algolia.html"
              },
              {
                "text": "SmartSuite",
                "link": "/plugins/data-sources/smartsuite.html"
              }
            ]
          },
          {
            "text": "Authentication systems",
            "collapsed": true,
            "items": [
              {
                "text": "Auth0",
                "link": "/plugins/auth-systems/auth0.html"
              },
              {
                "text": "OpenID",
                "link": "/plugins/auth-systems/open-id.html"
              },
              {
                "text": "Token-based Auth",
                "link": "/plugins/auth-systems/token-based-auth.html"
              },
              {
                "text": "WeWeb Auth",
                "link": "/plugins/auth-systems/weweb-auth.html"
              },
              {
                "text": "Xano Auth",
                "link": "/plugins/auth-systems/xano-auth.html"
              }
            ]
          },
          {
            "text": "Extensions",
            "collapsed": true,
            "items": [
              {
                "text": "Calendly",
                "link": "/plugins/extensions/calendly.html"
              },
              {
                "text": "Charts",
                "link": "/plugins/extensions/charts.html"
              },
              {
                "text": "Google Maps",
                "link": "/plugins/extensions/google-maps.html"
              },
              {
                "text": "Mapbox",
                "link": "/plugins/extensions/mapbox.html"
              },
              {
                "text": "NPM",
                "link": "/plugins/extensions/npm.html"
              },
              {
                "text": "OpenAI",
                "link": "/plugins/extensions/open-ai.html"
              },
              {
                "text": "PWA",
                "link": "/plugins/extensions/pwa.html"
              },
              {
                "text": "Sound",
                "link": "/plugins/extensions/sound.html"
              },
              {
                "text": "Stripe",
                "link": "/plugins/extensions/stripe.html"
              },
              {
                "text": "WeWeb Email",
                "link": "/plugins/extensions/weweb-email.html"
              },
              {
                "text": "Google Tag Manager",
                "link": "/plugins/extensions/gtm.html"
              },
              {
                "text": "Segment",
                "link": "/plugins/extensions/segment.html"
              }
            ]
          }
        ]
      },
      {
        "text": "WeWeb MCP",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to WeWeb MCP",
            "link": "/weweb-mcp/intro-to-weweb-mcp.html"
          },
          {
            "text": "Installation",
            "link": "/weweb-mcp/installing-weweb-mcp.html"
          },
          {
            "text": "Connect your client",
            "collapsed": true,
            "items": [
              {
                "text": "Connect ChatGPT",
                "link": "/weweb-mcp/connect-chatgpt.html"
              },
              {
                "text": "Connect Claude Desktop",
                "link": "/weweb-mcp/connect-claude-desktop.html"
              },
              {
                "text": "Connect Claude Code",
                "link": "/weweb-mcp/connect-claude-code.html"
              },
              {
                "text": "Connect Cursor",
                "link": "/weweb-mcp/connect-cursor.html"
              },
              {
                "text": "Connect VS Code",
                "link": "/weweb-mcp/connect-visual-studio-code.html"
              },
              {
                "text": "Connect Codex",
                "link": "/weweb-mcp/connect-codex.html"
              },
              {
                "text": "Connect Antigravity",
                "link": "/weweb-mcp/connect-antigravity.html"
              }
            ]
          },
          {
            "text": "Available Tools",
            "link": "/weweb-mcp/available-tools.html"
          },
          {
            "text": "Tips and Guidelines",
            "link": "/weweb-mcp/tips-and-guidelines.html"
          },
          {
            "text": "Plugin Actions",
            "link": "/weweb-mcp/plugin-actions.html"
          }
        ]
      }
    ],
    "/weweb-ai/": [
      {
        "text": "WeWeb AI",
        "collapsed": false,
        "items": [
          {
            "text": "Intro to WeWeb AI",
            "link": "/weweb-ai/intro-to-weweb-ai.html"
          },
          {
            "text": "AI Modes",
            "link": "/weweb-ai/ai-modes.html"
          },
          {
            "text": "Passing Context to AI",
            "link": "/weweb-ai/passing-context-to-ai.html"
          },
          {
            "text": "Generating Components",
            "link": "/weweb-ai/generating-custom-coded-components.html"
          },
          {
            "text": "Protecting Resources from AI",
            "link": "/weweb-ai/protecting-resources-from-ai.html"
          }
        ]
      },
      {
        "text": "WeWeb MCP",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to WeWeb MCP",
            "link": "/weweb-mcp/intro-to-weweb-mcp.html"
          },
          {
            "text": "Installation",
            "link": "/weweb-mcp/installing-weweb-mcp.html"
          },
          {
            "text": "Connect your client",
            "collapsed": true,
            "items": [
              {
                "text": "Connect ChatGPT",
                "link": "/weweb-mcp/connect-chatgpt.html"
              },
              {
                "text": "Connect Claude Desktop",
                "link": "/weweb-mcp/connect-claude-desktop.html"
              },
              {
                "text": "Connect Claude Code",
                "link": "/weweb-mcp/connect-claude-code.html"
              },
              {
                "text": "Connect Cursor",
                "link": "/weweb-mcp/connect-cursor.html"
              },
              {
                "text": "Connect VS Code",
                "link": "/weweb-mcp/connect-visual-studio-code.html"
              },
              {
                "text": "Connect Codex",
                "link": "/weweb-mcp/connect-codex.html"
              },
              {
                "text": "Connect Antigravity",
                "link": "/weweb-mcp/connect-antigravity.html"
              }
            ]
          },
          {
            "text": "Available Tools",
            "link": "/weweb-mcp/available-tools.html"
          },
          {
            "text": "Tips and Guidelines",
            "link": "/weweb-mcp/tips-and-guidelines.html"
          },
          {
            "text": "Plugin Actions",
            "link": "/weweb-mcp/plugin-actions.html"
          }
        ]
      }
    ],
    "/weweb-mcp/": [
      {
        "text": "WeWeb AI",
        "collapsed": true,
        "items": [
          {
            "text": "Intro to WeWeb AI",
            "link": "/weweb-ai/intro-to-weweb-ai.html"
          },
          {
            "text": "AI Modes",
            "link": "/weweb-ai/ai-modes.html"
          },
          {
            "text": "Passing Context to AI",
            "link": "/weweb-ai/passing-context-to-ai.html"
          },
          {
            "text": "Generating Components",
            "link": "/weweb-ai/generating-custom-coded-components.html"
          },
          {
            "text": "Protecting Resources from AI",
            "link": "/weweb-ai/protecting-resources-from-ai.html"
          }
        ]
      },
      {
        "text": "WeWeb MCP",
        "collapsed": false,
        "items": [
          {
            "text": "Intro to WeWeb MCP",
            "link": "/weweb-mcp/intro-to-weweb-mcp.html"
          },
          {
            "text": "Installation",
            "link": "/weweb-mcp/installing-weweb-mcp.html"
          },
          {
            "text": "Connect your client",
            "collapsed": false,
            "items": [
              {
                "text": "Connect ChatGPT",
                "link": "/weweb-mcp/connect-chatgpt.html"
              },
              {
                "text": "Connect Claude Desktop",
                "link": "/weweb-mcp/connect-claude-desktop.html"
              },
              {
                "text": "Connect Claude Code",
                "link": "/weweb-mcp/connect-claude-code.html"
              },
              {
                "text": "Connect Cursor",
                "link": "/weweb-mcp/connect-cursor.html"
              },
              {
                "text": "Connect VS Code",
                "link": "/weweb-mcp/connect-visual-studio-code.html"
              },
              {
                "text": "Connect Codex",
                "link": "/weweb-mcp/connect-codex.html"
              },
              {
                "text": "Connect Antigravity",
                "link": "/weweb-mcp/connect-antigravity.html"
              }
            ]
          },
          {
            "text": "Available Tools",
            "link": "/weweb-mcp/available-tools.html"
          },
          {
            "text": "Tips and Guidelines",
            "link": "/weweb-mcp/tips-and-guidelines.html"
          },
          {
            "text": "Plugin Actions",
            "link": "/weweb-mcp/plugin-actions.html"
          }
        ]
      }
    ],
    "/elements/": [
      {
        "text": "UI Elements",
        "collapsed": false,
        "items": [
          {
            "text": "Accordion",
            "link": "/elements/accordion.html"
          },
          {
            "text": "Autocomplete",
            "link": "/elements/autocomplete.html"
          },
          {
            "text": "Bottom navigation",
            "link": "/elements/bottom-nav.html"
          },
          {
            "text": "Breadcrumb",
            "link": "/elements/breadcrumb.html"
          },
          {
            "text": "Button",
            "link": "/elements/button.html"
          },
          {
            "text": "Calendar",
            "link": "/elements/calendar.html"
          },
          {
            "text": "Chat",
            "link": "/elements/chat.html"
          },
          {
            "text": "Checkbox",
            "link": "/elements/checkbox.html"
          },
          {
            "text": "Code",
            "link": "/elements/code.html"
          },
          {
            "text": "Color picker",
            "link": "/elements/color-picker.html"
          },
          {
            "text": "Columns",
            "link": "/elements/columns.html"
          },
          {
            "text": "Container",
            "link": "/elements/container.html"
          },
          {
            "text": "Content slider",
            "link": "/elements/content-slider.html"
          },
          {
            "text": "Data Grid",
            "link": "/elements/data-grid.html"
          },
          {
            "text": "Date pickers",
            "link": "/elements/date-pickers.html"
          },
          {
            "text": "Dialog (Modal, Alert, Sheet)",
            "link": "/elements/dialog.html"
          },
          {
            "text": "Div",
            "link": "/elements/div.html"
          },
          {
            "text": "Donut progress bar",
            "link": "/elements/donut-progress-bar.html"
          },
          {
            "text": "Dropdown",
            "link": "/elements/dropdown.html"
          },
          {
            "text": "File Upload",
            "link": "/elements/file-upload.html"
          },
          {
            "text": "Flexbox container",
            "link": "/elements/flexbox-container.html"
          },
          {
            "text": "Form container",
            "link": "/elements/form-container.html"
          },
          {
            "text": "Heading",
            "link": "/elements/heading.html"
          },
          {
            "text": "Icon",
            "link": "/elements/icon.html"
          },
          {
            "text": "Iframe",
            "link": "/elements/iframe.html"
          },
          {
            "text": "Image",
            "link": "/elements/image.html"
          },
          {
            "text": "Image slider",
            "link": "/elements/image-slider.html"
          },
          {
            "text": "Infinite slider",
            "link": "/elements/infinite-slider.html"
          },
          {
            "text": "Input",
            "link": "/elements/input.html"
          },
          {
            "text": "OTP Input",
            "link": "/elements/otp-input.html"
          },
          {
            "text": "Kanban",
            "link": "/elements/kanban.html"
          },
          {
            "text": "Language",
            "link": "/elements/language.html"
          },
          {
            "text": "List",
            "link": "/elements/list.html"
          },
          {
            "text": "Loader",
            "link": "/elements/loader.html"
          },
          {
            "text": "Masked",
            "link": "/elements/masked.html"
          },
          {
            "text": "Paginator",
            "link": "/elements/paginator.html"
          },
          {
            "text": "Progress bar",
            "link": "/elements/progress-bar.html"
          },
          {
            "text": "QR code reader",
            "link": "/elements/qr-code-reader.html"
          },
          {
            "text": "Radio group",
            "link": "/elements/radio-group.html"
          },
          {
            "text": "Range input",
            "link": "/elements/range-input.html"
          },
          {
            "text": "Recaptcha",
            "link": "/elements/recaptcha.html"
          },
          {
            "text": "Reorder list",
            "link": "/elements/reorder-list.html"
          },
          {
            "text": "Rich text",
            "link": "/elements/rich-text.html"
          },
          {
            "text": "Search",
            "link": "/elements/search.html"
          },
          {
            "text": "Sections",
            "link": "/elements/sections.html"
          },
          {
            "text": "Select & Multi-select",
            "link": "/elements/select.html"
          },
          {
            "text": "Side menu",
            "link": "/elements/sidemenu.html"
          },
          {
            "text": "Skeleton Loader",
            "link": "/elements/skeleton-loader.html"
          },
          {
            "text": "Table",
            "link": "/elements/table.html"
          },
          {
            "text": "Text",
            "link": "/elements/text.html"
          },
          {
            "text": "Timeline",
            "link": "/elements/timeline.html"
          },
          {
            "text": "Toggle",
            "link": "/elements/toggle.html"
          },
          {
            "text": "Top navigation bar",
            "link": "/elements/top-nav.html"
          },
          {
            "text": "Video",
            "link": "/elements/video.html"
          }
        ]
      },
      {
        "text": "UI Elements (Deprecated)",
        "collapsed": true,
        "items": [
          {
            "text": "(Deprecated) Alert",
            "link": "/elements/alerts.html"
          },
          {
            "text": "(Deprecated) Calendar",
            "link": "/elements/calendar-deprecated.html"
          },
          {
            "text": "(Deprecated) Data Grid",
            "link": "/elements/datagrid-deprecated.html"
          },
          {
            "text": "(Deprecated) Drag and Drop Files",
            "link": "/elements/drag-and-drop-files.html"
          },
          {
            "text": "(Deprecated) Modal",
            "link": "/elements/modal.html"
          }
        ]
      }
    ],
    "/database-and-apis/": [
      {
        "text": "Data & API",
        "items": [
          {
            "text": "Data & API overview",
            "link": "/database-and-apis/index.html"
          },
          {
            "text": "Tables",
            "collapsed": true,
            "items": [
              {
                "text": "Create and manage tables",
                "link": "/database-and-apis/database/tables.html"
              },
              {
                "text": "Columns and relationships",
                "link": "/database-and-apis/database/columns.html"
              },
              {
                "text": "Formula columns",
                "link": "/database-and-apis/database/formula-columns.html"
              },
              {
                "text": "Using views",
                "link": "/database-and-apis/database/views.html"
              },
              {
                "text": "Integrations",
                "link": "/database-and-apis/database/integrations.html"
              },
              {
                "text": "Example data structures",
                "link": "/database-and-apis/database/example-data-structures.html"
              }
            ]
          },
          {
            "text": "API Endpoints",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to API Endpoints",
                "link": "/database-and-apis/api-workflows/index.html"
              },
              {
                "text": "Securing API Endpoints",
                "link": "/database-and-apis/api-workflows/securing-backend-workflows.html"
              },
              {
                "text": "Create your first API Endpoint",
                "link": "/database-and-apis/api-workflows/creating-endpoints.html"
              },
              {
                "text": "Executing from interface workflows",
                "link": "/database-and-apis/api-workflows/calling-from-frontend.html"
              },
              {
                "text": "Handling streaming responses",
                "link": "/database-and-apis/api-workflows/handling-streaming-responses.html"
              },
              {
                "text": "API Endpoint settings",
                "link": "/database-and-apis/api-workflows/settings.html"
              }
            ]
          },
          {
            "text": "All actions",
            "collapsed": true,
            "items": [
              {
                "text": "Flow",
                "collapsed": true,
                "items": [
                  {
                    "text": "Send response",
                    "link": "/database-and-apis/api-workflows/actions/send-response.html"
                  },
                  {
                    "text": "Send Streaming Response",
                    "link": "/database-and-apis/api-workflows/actions/send-streaming-response.html"
                  },
                  {
                    "text": "Pass through condition",
                    "link": "/database-and-apis/api-workflows/actions/pass-through-condition.html"
                  },
                  {
                    "text": "True/False split",
                    "link": "/database-and-apis/api-workflows/actions/true-false-split.html"
                  },
                  {
                    "text": "Multi-option split",
                    "link": "/database-and-apis/api-workflows/actions/multi-option-split.html"
                  },
                  {
                    "text": "Try/Catch",
                    "link": "/database-and-apis/api-workflows/actions/try-catch.html"
                  },
                  {
                    "text": "Iterator (for loop)",
                    "link": "/database-and-apis/api-workflows/actions/loops.html#iterator-for-loop"
                  },
                  {
                    "text": "While loop",
                    "link": "/database-and-apis/api-workflows/actions/loops.html#while"
                  },
                  {
                    "text": "Break loop",
                    "link": "/database-and-apis/api-workflows/actions/loops.html#break-loop"
                  },
                  {
                    "text": "Continue loop",
                    "link": "/database-and-apis/api-workflows/actions/loops.html#continue-loop"
                  },
                  {
                    "text": "Workflow variable",
                    "link": "/database-and-apis/api-workflows/actions/workflow-variable.html"
                  },
                  {
                    "text": "Workflow result",
                    "link": "/database-and-apis/api-workflows/actions/workflow-result.html"
                  },
                  {
                    "text": "Throw error",
                    "link": "/database-and-apis/api-workflows/actions/throw-error.html"
                  },
                  {
                    "text": "Time delay",
                    "link": "/database-and-apis/api-workflows/actions/time-delay.html"
                  }
                ]
              },
              {
                "text": "Data",
                "collapsed": true,
                "items": [
                  {
                    "text": "Get rows",
                    "link": "/database-and-apis/api-workflows/actions/get-rows.html"
                  },
                  {
                    "text": "Insert rows",
                    "link": "/database-and-apis/api-workflows/actions/insert-rows.html"
                  },
                  {
                    "text": "Update rows",
                    "link": "/database-and-apis/api-workflows/actions/update-rows.html"
                  },
                  {
                    "text": "Delete rows",
                    "link": "/database-and-apis/api-workflows/actions/delete-rows.html"
                  },
                  {
                    "text": "Execute SQL",
                    "link": "/database-and-apis/api-workflows/actions/execute-sql.html"
                  }
                ]
              },
              {
                "text": "Users",
                "collapsed": true,
                "items": [
                  {
                    "text": "Create user",
                    "link": "/database-and-apis/api-workflows/actions/create-user.html"
                  },
                  {
                    "text": "Update user",
                    "link": "/database-and-apis/api-workflows/actions/update-user.html"
                  },
                  {
                    "text": "Update user password",
                    "link": "/database-and-apis/api-workflows/actions/update-user-password.html"
                  },
                  {
                    "text": "Delete user",
                    "link": "/database-and-apis/api-workflows/actions/delete-user.html"
                  }
                ]
              },
              {
                "text": "AI",
                "collapsed": true,
                "items": [
                  {
                    "text": "Text Generation",
                    "link": "/database-and-apis/ai/text-generation.html"
                  },
                  {
                    "text": "Image Generation",
                    "link": "/database-and-apis/ai/image-generation.html"
                  },
                  {
                    "text": "Embed Text",
                    "link": "/database-and-apis/ai/embed-text.html"
                  }
                ]
              },
              {
                "text": "Advanced",
                "collapsed": true,
                "items": [
                  {
                    "text": "Custom JavaScript",
                    "link": "/database-and-apis/api-workflows/actions/custom-javascript.html"
                  }
                ]
              },
              {
                "text": "HTTP request",
                "link": "/database-and-apis/api-workflows/actions/http-request.html"
              },
              {
                "text": "Integration actions",
                "link": "/database-and-apis/api-workflows/actions/integration-actions.html"
              }
            ]
          },
          {
            "text": "Event Triggers",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to event triggers",
                "link": "/database-and-apis/event-triggers/index.html"
              },
              {
                "text": "All triggers",
                "collapsed": true,
                "items": [
                  {
                    "text": "Authentication",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "On magic link requested",
                        "link": "/database-and-apis/event-triggers/auth/magic-link-requested.html"
                      },
                      {
                        "text": "On OTP requested",
                        "link": "/database-and-apis/event-triggers/auth/otp-requested.html"
                      },
                      {
                        "text": "On before sign up",
                        "link": "/database-and-apis/event-triggers/auth/before-sign-up.html"
                      },
                      {
                        "text": "On after sign up",
                        "link": "/database-and-apis/event-triggers/auth/after-sign-up.html"
                      },
                      {
                        "text": "On after sign in",
                        "link": "/database-and-apis/event-triggers/auth/after-sign-in.html"
                      },
                      {
                        "text": "On email verification requested",
                        "link": "/database-and-apis/event-triggers/auth/email-verification-requested.html"
                      },
                      {
                        "text": "On password reset requested",
                        "link": "/database-and-apis/event-triggers/auth/password-reset-requested.html"
                      },
                      {
                        "text": "On password updated",
                        "link": "/database-and-apis/event-triggers/auth/password-updated.html"
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "text": "Functions",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to functions",
                "link": "/database-and-apis/functions/index.html"
              }
            ]
          },
          {
            "text": "Middleware",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to Middleware",
                "link": "/database-and-apis/access-checks/index.html"
              }
            ]
          },
          {
            "text": "Users and Authentication",
            "collapsed": true,
            "items": [
              {
                "text": "Managing users",
                "link": "/database-and-apis/auth/managing-users.html"
              },
              {
                "text": "Managing roles",
                "link": "/database-and-apis/auth/managing-roles.html"
              },
              {
                "text": "SSO Providers",
                "collapsed": true,
                "items": [
                  {
                    "text": "Intro to SSO Providers",
                    "link": "/database-and-apis/auth/integrating-providers.html"
                  },
                  {
                    "text": "Email/password",
                    "link": "/database-and-apis/auth/providers/email.html"
                  },
                  {
                    "text": "Amazon Cognito",
                    "link": "/database-and-apis/auth/providers/amazon-cognito.html"
                  },
                  {
                    "text": "Apple",
                    "link": "/database-and-apis/auth/providers/apple.html"
                  },
                  {
                    "text": "Atlassian",
                    "link": "/database-and-apis/auth/providers/atlassian.html"
                  },
                  {
                    "text": "Discord",
                    "link": "/database-and-apis/auth/providers/discord.html"
                  },
                  {
                    "text": "Dropbox",
                    "link": "/database-and-apis/auth/providers/dropbox.html"
                  },
                  {
                    "text": "Facebook",
                    "link": "/database-and-apis/auth/providers/facebook.html"
                  },
                  {
                    "text": "Figma",
                    "link": "/database-and-apis/auth/providers/figma.html"
                  },
                  {
                    "text": "GitHub",
                    "link": "/database-and-apis/auth/providers/github.html"
                  },
                  {
                    "text": "GitLab",
                    "link": "/database-and-apis/auth/providers/gitlab.html"
                  },
                  {
                    "text": "Google",
                    "link": "/database-and-apis/auth/providers/google.html"
                  },
                  {
                    "text": "Hugging Face",
                    "link": "/database-and-apis/auth/providers/hugging-face.html"
                  },
                  {
                    "text": "Kakao",
                    "link": "/database-and-apis/auth/providers/kakao.html"
                  },
                  {
                    "text": "Kick",
                    "link": "/database-and-apis/auth/providers/kick.html"
                  },
                  {
                    "text": "LINE",
                    "link": "/database-and-apis/auth/providers/line.html"
                  },
                  {
                    "text": "Linear",
                    "link": "/database-and-apis/auth/providers/linear.html"
                  },
                  {
                    "text": "LinkedIn",
                    "link": "/database-and-apis/auth/providers/linkedin.html"
                  },
                  {
                    "text": "Microsoft",
                    "link": "/database-and-apis/auth/providers/microsoft.html"
                  },
                  {
                    "text": "Naver",
                    "link": "/database-and-apis/auth/providers/naver.html"
                  },
                  {
                    "text": "Notion",
                    "link": "/database-and-apis/auth/providers/notion.html"
                  },
                  {
                    "text": "PayPal",
                    "link": "/database-and-apis/auth/providers/paypal.html"
                  },
                  {
                    "text": "Polar",
                    "link": "/database-and-apis/auth/providers/polar.html"
                  },
                  {
                    "text": "Reddit",
                    "link": "/database-and-apis/auth/providers/reddit.html"
                  },
                  {
                    "text": "Roblox",
                    "link": "/database-and-apis/auth/providers/roblox.html"
                  },
                  {
                    "text": "Salesforce",
                    "link": "/database-and-apis/auth/providers/salesforce.html"
                  },
                  {
                    "text": "Slack",
                    "link": "/database-and-apis/auth/providers/slack.html"
                  },
                  {
                    "text": "Spotify",
                    "link": "/database-and-apis/auth/providers/spotify.html"
                  },
                  {
                    "text": "TikTok",
                    "link": "/database-and-apis/auth/providers/tiktok.html"
                  },
                  {
                    "text": "Twitch",
                    "link": "/database-and-apis/auth/providers/twitch.html"
                  },
                  {
                    "text": "Twitter (X)",
                    "link": "/database-and-apis/auth/providers/twitter-x.html"
                  },
                  {
                    "text": "Vercel",
                    "link": "/database-and-apis/auth/providers/vercel.html"
                  },
                  {
                    "text": "VK",
                    "link": "/database-and-apis/auth/providers/vk.html"
                  },
                  {
                    "text": "Zoom",
                    "link": "/database-and-apis/auth/providers/zoom.html"
                  }
                ]
              },
              {
                "text": "Auth Systems",
                "collapsed": true,
                "items": [
                  {
                    "text": "Intro to Auth Systems",
                    "link": "/database-and-apis/auth/authentication-systems/index.html"
                  },
                  {
                    "text": "All Auth Systems",
                    "collapsed": true,
                    "items": [
                      {
                        "text": "WeWeb Auth",
                        "link": "/database-and-apis/auth/authentication-systems/weweb-auth.html"
                      },
                      {
                        "text": "Xano",
                        "link": "/database-and-apis/auth/authentication-systems/xano-auth.html"
                      },
                      {
                        "text": "Supabase",
                        "link": "/database-and-apis/auth/authentication-systems/supabase-auth.html"
                      },
                      {
                        "text": "Auth0",
                        "link": "/database-and-apis/auth/authentication-systems/auth0.html"
                      },
                      {
                        "text": "Custom Auth",
                        "link": "/database-and-apis/auth/authentication-systems/custom-auth.html"
                      },
                      {
                        "text": "OpenID Connect",
                        "link": "/database-and-apis/auth/authentication-systems/open-id.html"
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "text": "Storage",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to storage",
                "link": "/database-and-apis/storage/index.html"
              },
              {
                "text": "WeWeb Storage",
                "link": "/database-and-apis/storage/weweb-storage.html"
              },
              {
                "text": "AWS S3",
                "link": "/database-and-apis/storage/aws-s3.html"
              }
            ]
          },
          {
            "text": "AI Gateway",
            "collapsed": true,
            "items": [
              {
                "text": "Intro to AI Gateway",
                "link": "/database-and-apis/ai/gateway.html"
              },
              {
                "text": "Providers",
                "link": "/database-and-apis/ai/providers.html"
              },
              {
                "text": "Usage",
                "link": "/database-and-apis/ai/usage.html"
              },
              {
                "text": "AI Actions",
                "link": "/database-and-apis/ai/actions.html"
              }
            ]
          },
          {
            "text": "Logs",
            "link": "/database-and-apis/logs.html"
          },
          {
            "text": "Settings",
            "collapsed": true,
            "items": [
              {
                "text": "Database",
                "link": "/database-and-apis/settings/database.html"
              }
            ]
          },
          {
            "text": "Environment variables",
            "link": "/database-and-apis/environment-variables.html"
          }
        ]
      }
    ],
    "/integrations/": [
      {
        "text": "Integrations",
        "items": [
          {
            "text": "Intro to integrations",
            "link": "/integrations/index.html"
          },
          {
            "text": "All integrations",
            "collapsed": false,
            "items": [
              {
                "text": "APITemplate.io",
                "link": "/integrations/apitemplate.html"
              },
              {
                "text": "Airtable",
                "link": "/integrations/airtable.html"
              },
              {
                "text": "Cloudinary",
                "link": "/integrations/cloudinary.html"
              },
              {
                "text": "Google Sheets",
                "link": "/integrations/googlesheets.html"
              },
              {
                "text": "HubSpot",
                "link": "/integrations/hubspot.html"
              },
              {
                "text": "Intercom",
                "link": "/integrations/intercom.html"
              },
              {
                "text": "Make",
                "link": "/integrations/make.html"
              },
              {
                "text": "Monday.com",
                "link": "/integrations/monday.html"
              },
              {
                "text": "n8n",
                "link": "/integrations/n8n.html"
              },
              {
                "text": "Google Sheets",
                "link": "/integrations/googlesheets.html"
              },
              {
                "text": "Resend",
                "link": "/integrations/resend.html"
              },
              {
                "text": "Segment",
                "link": "/integrations/segment.html"
              },
              {
                "text": "SendGrid",
                "link": "/integrations/sendgrid.html"
              },
              {
                "text": "Slack",
                "link": "/integrations/slack.html"
              },
              {
                "text": "Stripe",
                "collapsed": true,
                "items": [
                  {
                    "text": "Intro to Stripe",
                    "link": "/integrations/stripe/index.html"
                  },
                  {
                    "text": "Setup",
                    "link": "/integrations/stripe/setup.html"
                  },
                  {
                    "text": "Choose how to collect payments",
                    "link": "/integrations/stripe/choose-your-flow.html"
                  },
                  {
                    "text": "Stripe Checkout",
                    "link": "/integrations/stripe/stripe-checkout.html"
                  },
                  {
                    "text": "Payment Intents and subscriptions",
                    "link": "/integrations/stripe/payment-intents-and-subscriptions.html"
                  },
                  {
                    "text": "Webhooks",
                    "link": "/integrations/stripe/webhooks.html"
                  },
                  {
                    "text": "Workflow examples",
                    "link": "/integrations/stripe/workflow-examples.html"
                  },
                  {
                    "text": "Actions reference",
                    "link": "/integrations/stripe/actions-reference.html"
                  },
                  {
                    "text": "Errors and FAQs",
                    "link": "/integrations/stripe/errors-and-faqs.html"
                  }
                ]
              },
              {
                "text": "Supabase",
                "link": "/integrations/supabase.html"
              },
              {
                "text": "Telegram",
                "link": "/integrations/telegram.html"
              },
              {
                "text": "WhatsApp",
                "link": "/integrations/whatsapp.html"
              },
              {
                "text": "Xano",
                "link": "/integrations/xano.html"
              }
            ]
          }
        ]
      }
    ]
  },
  "outline": {
    "level": "deep"
  },
  "siteTitle": false,
  "search": {
    "provider": "local"
  }
}

Page Data

{
  "title": "Runtime API Examples",
  "description": "",
  "frontmatter": {
    "outline": "deep",
    "search": false
  },
  "headers": [],
  "relativePath": "api-examples.md",
  "filePath": "api-examples.md"
}

Page Frontmatter

{
  "outline": "deep",
  "search": false
}

More

Check out the documentation for the full list of runtime APIs.