Skip to content

Main Navigation

Interface
Data & API
Integrations
Quick Guides
WeWeb AI & MCP
UI Elements

Appearance

Sidebar Navigation

WeWeb 101

Introduction
Frequently asked questions
Adding elements to the page
Styling your elements
Adding interactivity
Intro to the Data & API
Working with data
Creating secure logic
Authentication and security
Publishing your application

Web Development Basics

Frontend vs backend
HTML, CSS & JavaScript
Structuring your database
Understanding APIs
APIs and databases

Interface Overview

Intro to the interface
Binding
- Intro to binding
  Binding styling properties
  Binding the repeating of items
URL parameters panel
User preview panel

Add panel

The Add panel
Styling
- Styling properties
  Responsive design
  The box model
  Grid display
  States
  Classes
  Animations
  Conditional rendering
Popups
- Intro to popups
  Adding logic to popups
  Using the 'Wait close event'
  Popup build guides

Pages & Navigation

Intro to pages
Navigation
404 page
Page metadata
Dynamic page metadata
Private pages
Multi-page sections
Sitemap
LLMs.txt
Static collection pages
Dynamic collection pages

Assets

Intro to assets
Files
Library overview
The Marketplace
The Starter Kit
Share libraries
Library dependencies

Workflows

Intro to workflows
Triggers
Interface Actions
- Flow (Logic)
  - Pass through condition
    True/False split
    Multi-option split
    Try/Catch
    Iterator (for loop)
    While loop
    Break loop
    Continue loop
    Throw error
    Time delay
  Navigation & Popups
  - Navigate to
    Navigate to previous page
    Open popup
    Close all popups
    Page loader
  Functions
  - Execute workflow
    Create variable
    Change variable value
    Reset variable value
    Fetch collection
    Fetch collections in parallel
    Update collection
  Components
  - Execute component workflow
  Files
  - Upload file
    Download file from URL
    Print PDF
    Download CSV
    Create URL from Base64
    Encode file as Base64
  PWA
  - Share
    Vibrate
    Show notification
    Install PWA
    Get user's location
  Integrations
  - Supabase
    Overview
    Database
    Select
    Insert
    Update
    Upsert
    Delete
    Call Postgres Function
    API
    Invoke Edge Function
    Storage
    Upload File
    List Files
    Download File
    Update File
    Move File
    Copy File
    Delete Files
    Create Signed URL
    Get Public URL
    Auth
    Sign up with email
    Sign in with email
    Sign in with OTP
    Verify OTP
    Sign in with provider
    Reset password for email
    Update user
    Fetch user
    Sign out
    Sign in with phone (Edge Function)
    Realtime
    Intro to Supabase Realtime
    Subscribe to channel
    Database changes
    Broadcast message
    Presence state
    Segment
    Identify user
    Track event
    Track page view
    Track screen view
    Group user
    Alias user
    Reset identity
    Custom auth
    Authenticate
    Set user
    Clear session
    Xano
    Request
    Authenticate
    Set user
    Clear session
  Advanced
  - Change language
    Change theme
    Copy to clipboard
    Stop click propagation
    Log
    Custom JavaScript
Authentication Actions
- Sign Up/Sign In
  - Sign up with email
    Sign in with email
    Sign in with social provider
    Request magic link
    Sign out
  Email Verification
  - Send verify email
  Password management
  - Request password reset
    Update password
  OTP
  - Request code
    Check code validity
    Sign in
    Verify email
    Reset password
Data & API Actions
- Fetch table view
  API
  - Call API
HTTP Request

Variables

Intro to variables

Formulas

Intro to formulas
All formulas
- Conditional
  Math
  Array
  Text
  Object
  Date
  Utils
  Operators

Figma plugin

Import Figma designs

Debugging

Intro to debugging

Development

Coded components overview
Component editor
Component versions
Show dev information

Settings

App languages
Mobile app (PWA)
Theme & Style
Headers
Redirections
Custom scripts
Base Tag

Billing & Code Export

Pricing Plans
Hosting and Code Export
- How to Host & Export Code
  Cloudflare Self-Hosting Guide
  AWS Fullstack Self-Hosting (Coming Soon)
  Configuring Paths for Self-Hosting
  WeWeb Public API
  WeWeb Server API (DEPRECATED)
Account Settings
Workspace Settings
- Projects
  Components
  Members
Project Settings
- Project settings overview
  Custom domain
  Deployments
  After deploy hook
  Backups
Referral Program
- Referral FAQ
  Referral Program Legal Terms

Components

Intro to components
Component events
Component dropzones
Advanced properties
Component instance
Dynamically repeating components

Build Guides

Bubble -> WeWeb Guide
Job Board with Xano
Using the CRM Template
LinkedIn content generator
AI CRM with MCP
Client scheduling app
Lead intelligence app
Weather app
ChatGPT app
Dashboard
Multi-step form

Plugins

Intro to plugins
Data sources
- Supabase
  - Installation
    Functions
    API
    Workflow actions
    Database | Select
    Database | Insert
    Database | Update
    Storage | Upload a file
    Authentication
    Realtime
    Intro to Supabase realtime
    Subscribe to channels
    Broadcast messages
    Database changes
    Presence state
  Xano
  - Xano data source
    Xano realtime
    Intro to Xano realtime
    Open & close channels
    Message
    Presence
    History
  REST API
  Airtable
  Algolia
  SmartSuite
Authentication systems
- Auth0
  OpenID
  Token-based Auth
  WeWeb Auth
  Xano Auth
Extensions
- Calendly
  Charts
  Google Maps
  Mapbox
  NPM
  OpenAI
  PWA
  Sound
  Stripe
  WeWeb Email
  Google Tag Manager
  Segment

WeWeb MCP

Intro to WeWeb MCP
Installation
Connect your client
- Connect ChatGPT
  Connect Claude Desktop
  Connect Claude Code
  Connect Cursor
  Connect VS Code
  Connect Codex
  Connect Antigravity
Available Tools
Tips and Guidelines
Plugin Actions

On this page

Was this page helpful?

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.

LinkedIn content generator

This build guide lives on our blog. It walks you through creating an AI-powered LinkedIn content generator using WeWeb, OpenAI, and n8n.

Read the guide on our blog →

Pager

Next pageIntroduction