WEWEB TRAINING: CREATE APPS WITHOUT CODING

We start at the beginning: create your Weweb account, understand the interface, set up your first project.

You'll explore the editor, learn how pages and navigation work, understand the difference between components and elements, and get familiar with the properties panel.

You'll create your first page, add basic components (text, buttons, images), organize your layout with containers and sections, and preview your app in different device sizes.

You'll understand the Weweb architecture: how projects are structured, what collections are, how variables work, and where workflows fit in.

At the end of this module, you're comfortable in the interface. You know how to create pages, add components, and navigate the builder.

This is where Weweb gets powerful: you learn to work with data.

You'll create collections to structure your data, understand data binding to connect UI components to your data sources, and use variables to store and manipulate information across your app.

You'll connect external data sources via REST API, configure authentication for your APIs, map API responses to collections, and handle errors when calls fail.

You'll display dynamic data with repeaters and lists, filter and sort collections based on user input, use formulas to transform data (concatenate, calculate, format), and create detail pages that show individual records.

You'll integrate with popular backends: connect Weweb to Supabase for database management, link Airtable bases to display records, and set up Xano for custom backend logic.

At the end of this module, your apps display real data. You know how to fetch, filter, and transform information from any source.

You learn to add intelligence to your apps with workflows.

You'll create workflows that respond to user actions (clicks, form submissions, page loads), chain multiple actions sequentially, and handle asynchronous operations like API calls.

You'll use conditions to show/hide elements based on data, create if/else logic in your workflows, validate user input before processing, and handle different scenarios based on user roles or permissions.

You'll work with loops to process arrays of data, iterate through collections to perform bulk actions, and create dynamic interfaces that adapt to data changes.

You'll manage application state with variables, pass data between pages and components, store temporary information in browser storage, and reset state when needed.

At the end of this module, your apps are interactive and smart. They respond to users, process data, and handle complex scenarios.

You secure your apps and manage users properly.

You'll set up authentication with Weweb's built-in auth system, configure sign-up and login flows, handle password resets and email verification, and integrate with OAuth providers (Google, GitHub, etc.).

You'll manage user roles and permissions, restrict access to pages based on authentication status, hide or show components based on user roles, and protect API calls with proper authorization.

You'll create user profiles, store user-specific data in your database, let users update their information, and handle user sessions across different devices.

You'll implement common patterns: onboarding flows for new users, dashboards that show user-specific data, admin panels to manage users, and logout functionality that properly clears sessions.

At the end of this module, your apps are secure. You control who sees what and how users interact with your data.

You create apps that look good and work well on all devices.

You'll master breakpoints to design for mobile, tablet, and desktop, adjust layouts for different screen sizes, hide or show elements based on device type, and test your responsive design in real-time.

You'll work with Weweb's styling system: customize colors, fonts, and spacing, create reusable component styles, use CSS classes for advanced styling, and maintain visual consistency across your app.

You'll improve user experience with loading states to show when data is fetching, error messages when things go wrong, success feedback after actions complete, and smooth transitions between states.

You'll optimize navigation: create intuitive menus, implement breadcrumbs for complex apps, use modals and drawers for secondary actions, and handle back buttons properly.

At the end of this module, your apps look professional and provide a great experience on any device.

You connect Weweb to your ecosystem and ship to production.

You'll integrate with automation tools: connect Weweb to Make to trigger workflows, send data to n8n for complex automations, use Zapier webhooks for integrations, and sync data between Weweb and your other tools.

You'll work with external APIs: authenticate with API keys and OAuth, handle rate limits and errors, process webhook events from external services, and build custom integrations for specific needs.

You'll add custom code when needed: write JavaScript for complex logic, inject custom CSS for advanced styling, use third-party libraries and scripts, and extend Weweb's capabilities beyond the visual builder. Learn more on the official Weweb documentation.

You'll deploy your app: configure custom domains, set up SSL certificates, manage environment variables for different environments (dev, staging, prod), and monitor performance with Weweb's analytics.

At the end of this module, your apps are live. You've shipped production-ready applications that integrate with your entire stack.