# Tutorials **URL:** https://community.weweb.io/c/tutorials/16.md [Latest](https://community.weweb.io/latest.md) · [Categories](https://community.weweb.io/categories.md) · [Tags](https://community.weweb.io/tags.md) --- ## [About the Tutorials category](https://community.weweb.io/t/about-the-tutorials-category/227)
**Author:** [@Joyce](https://community.weweb.io/u/Joyce)\ **Replies:** 0
Step-by-step text-based tutorials with GIFs and screenshots to help you get things done in WeWeb. Each thread covers one specific task or use case. --- ## [Building a Community App with WeWeb](https://community.weweb.io/t/building-a-community-app-with-weweb/21583)
**Author:** [@iconic](https://community.weweb.io/u/iconic)\ **Replies:** 1\ **Last updated:** [September 8, 2026, 4:12pm UTC](https://community.weweb.io/t/building-a-community-app-with-weweb/21583 "2026-09-08T16:12:16Z")
New video is up I’m stress testing the WeWeb backend by building a real community app with it. I wanted to see how far I could push the backend beyond the usual use cases, so I’m building the thing and figuring it out … --- ## [AI + NoCode: Building a CRM with WeWeb MCP & Xano MCP](https://community.weweb.io/t/ai-nocode-building-a-crm-with-weweb-mcp-xano-mcp/21448)
**Author:** [@iconic](https://community.weweb.io/u/iconic)\ **Replies:** 2\ **Last updated:** [July 28, 2026, 12:03pm UTC](https://community.weweb.io/t/ai-nocode-building-a-crm-with-weweb-mcp-xano-mcp/21448 "2026-07-28T12:03:16Z")
Just published a new video showing how I built a modern CRM using The WeWeb MCP+ Xano MCP, while using Claude to speed up the development process. In the video, I walk through my workflow, how I connected WeWeb with Xa… --- ## [Just dropped a full review of WeWeb’s new full-stack update](https://community.weweb.io/t/just-dropped-a-full-review-of-weweb-s-new-full-stack-update/21092)
**Author:** [@iconic](https://community.weweb.io/u/iconic)\ **Replies:** 1\ **Last updated:** [April 21, 2026, 2:03pm UTC](https://community.weweb.io/t/just-dropped-a-full-review-of-weweb-s-new-full-stack-update/21092 "2026-04-21T14:03:10Z")
I just dropped a video breaking down the new full-stack update in WeWeb and honestly, this is one of the more interesting shifts I’ve seen from the platform. The backend addition is obviously the headline… --- ## [Building WeWeb Components With Extra Guardrails](https://community.weweb.io/t/building-weweb-components-with-extra-guardrails/20986)
**Author:** [@Antiokh](https://community.weweb.io/u/Antiokh)\ **Replies:** 4\ **Last updated:** [April 7, 2026, 6:56pm UTC](https://community.weweb.io/t/building-weweb-components-with-extra-guardrails/20986 "2026-04-07T18:56:40Z")
I made a WeWeb component starter with extra guardrails on top of the official approach When working on custom WeWeb components, I started from the official developer docs and the official component references. That is s… --- ## [Self-hosting + WeWeb Public API + Cloudflare self-hosting guide - documentation release](https://community.weweb.io/t/self-hosting-weweb-public-api-cloudflare-self-hosting-guide-documentation-release/13691)
**Author:** [@DanielL](https://community.weweb.io/u/DanielL)\ **Replies:** 12\ **Last updated:** [March 12, 2026, 3:00pm UTC](https://community.weweb.io/t/self-hosting-weweb-public-api-cloudflare-self-hosting-guide-documentation-release/13691 "2026-03-12T15:00:00Z")
Hello everyone! We have released some updates to our self-hosting and code export articles. What has changed: A FAQ section was added at the bottom of Hosting & Code Export | WeWeb Documentation regarding many commer… --- ## [Please share a process or a way to approach building a clean and effective app in phases and priorities](https://community.weweb.io/t/please-share-a-process-or-a-way-to-approach-building-a-clean-and-effective-app-in-phases-and-priorities/20811)
**Author:** [@Perales](https://community.weweb.io/u/Perales)\ **Replies:** 4\ **Last updated:** [February 23, 2026, 5:11am UTC](https://community.weweb.io/t/please-share-a-process-or-a-way-to-approach-building-a-clean-and-effective-app-in-phases-and-priorities/20811 "2026-02-23T05:11:43Z")
Hi, new to weweb, using alongside xano, building a phase 1 product for: https://capitalgoods.webflow.io/ I have no code experience, but im learning html css and javascript. I want to kindly ask for advice on how to ap… --- ## [Fixing the double click needed to make a tabs element switch in mobile mode](https://community.weweb.io/t/fixing-the-double-click-needed-to-make-a-tabs-element-switch-in-mobile-mode/20485)
**Author:** [@Armand](https://community.weweb.io/u/Armand)\ **Replies:** 2\ **Last updated:** [December 11, 2025, 1:17pm UTC](https://community.weweb.io/t/fixing-the-double-click-needed-to-make-a-tabs-element-switch-in-mobile-mode/20485 "2025-12-11T13:17:14Z")
Hey everyone, I just spent way too long figuring out how to solve a (in the end pretty simple :sweat\_smile:) bug so I thought I’d share it there, in case that ever happens to someone else. I was facing a bug in responsi… --- ## [🕵️‍♀️ Reddit Monitoring + Insights Extraction Workflow (n8n + WeWeb + Supabase)](https://community.weweb.io/t/reddit-monitoring-insights-extraction-workflow-n8n-weweb-supabase/20453)
**Author:** [@ishika](https://community.weweb.io/u/ishika)\ **Replies:** 1\ **Last updated:** [December 2, 2025, 12:45pm UTC](https://community.weweb.io/t/reddit-monitoring-insights-extraction-workflow-n8n-weweb-supabase/20453 "2025-12-02T12:45:44Z")
:waving\_hand: Hey everyone! I’m very excited to share a Reddit monitoring + insights extraction workflow I built using n8n + WeWeb + F5Bot + Supabase. With 108M+ daily active users and 100k+ active subreddits, Reddit i… --- ## [\[Marketplace\] Cloudflare Turnstile Widget](https://community.weweb.io/t/marketplace-cloudflare-turnstile-widget/10731)
**Author:** [@Broberto](https://community.weweb.io/u/Broberto)\ **Replies:** 13\ **Last updated:** [November 20, 2025, 1:41pm UTC](https://community.weweb.io/t/marketplace-cloudflare-turnstile-widget/10731 "2025-11-20T13:41:25Z")
Hello everyone, I saw that implementing any type of Captcha in WeWeb is quite a challenge for y’all. I’ve worked on this for one of my partners recently and decided to share it with you all actually. I’ve just released … --- ## [Working Supabase Realtime Setup](https://community.weweb.io/t/working-supabase-realtime-setup/18648)
**Author:** [@dhew](https://community.weweb.io/u/dhew)\ **Replies:** 12\ **Last updated:** [November 14, 2025, 9:08pm UTC](https://community.weweb.io/t/working-supabase-realtime-setup/18648 "2025-11-14T21:08:02Z")
I struggled with this for a while but finally got Supabase Realtime to work and the setup was not straightforward. There are some unlabeled restrictions on WeWeb’s implementation you must work around. First, WeWeb resul… --- ## [\[PT-BR\] Como eu faria um Chat Realtime no WeWeb com Supabase](https://community.weweb.io/t/pt-br-como-eu-faria-um-chat-realtime-no-weweb-com-supabase/20261)
**Author:** [@GeovanyFerreira](https://community.weweb.io/u/GeovanyFerreira)\ **Replies:** 1\ **Last updated:** [October 28, 2025, 3:26pm UTC](https://community.weweb.io/t/pt-br-como-eu-faria-um-chat-realtime-no-weweb-com-supabase/20261 "2025-10-28T15:26:27Z")
Depois de um tempo sem gravar, estou preparando um vídeo mostrando como eu faria um chat realtime no WeWeb com Supabase. Acho que vai ser o desafio bem bacana utilizando a IA na prática e explorando recursos tanto do fr… --- ## [Learn by building with step-by-step build guides](https://community.weweb.io/t/learn-by-building-with-step-by-step-build-guides/20095)
**Author:** [@ishika](https://community.weweb.io/u/ishika)\ **Replies:** 1\ **Last updated:** [October 3, 2025, 3:23pm UTC](https://community.weweb.io/t/learn-by-building-with-step-by-step-build-guides/20095 "2025-10-03T15:23:10Z")
Hey everyone :waving\_hand: We’ve turned our webinars and tutorials into step-by-step build guides in the WeWeb Academy: :white\_check\_mark: It’s available in both written form and with the YouTube video attached, so … --- ## [From Confused to Confident: New WeWeb Tutorials Coming Soon🚀](https://community.weweb.io/t/from-confused-to-confident-new-weweb-tutorials-coming-soon/20016)
**Author:** [@Aasif](https://community.weweb.io/u/Aasif)\ **Replies:** 2\ **Last updated:** [September 30, 2025, 7:29am UTC](https://community.weweb.io/t/from-confused-to-confident-new-weweb-tutorials-coming-soon/20016 "2025-09-30T07:29:24Z")
Hey builders :waving\_hand:, I’ve noticed many of us find the current tutorials a bit outdated or difficult to follow. So I’m planning to create new tutorials that combine WeWeb’s latest features with Xano & Supabase int… --- ## [Supabase Postgress Function Search Pagination](https://community.weweb.io/t/supabase-postgress-function-search-pagination/20053)
**Author:** [@emdiemeric](https://community.weweb.io/u/emdiemeric)\ **Replies:** 3\ **Last updated:** [September 30, 2025, 6:52am UTC](https://community.weweb.io/t/supabase-postgress-function-search-pagination/20053 "2025-09-30T06:52:11Z")
Hi guys, I have a Postgress function that I am calling from WeWeb. I would like to add the pagination, but can’t really figure it out. These are my param: I get this back: In the Custom Paginator, I liked the t… --- ## [🚀 WeWeb + n8n Build Guide: AI-Powered LinkedIn Content Generator](https://community.weweb.io/t/weweb-n8n-build-guide-ai-powered-linkedin-content-generator/19757)
**Author:** [@Joyce](https://community.weweb.io/u/Joyce)\ **Replies:** 2\ **Last updated:** [August 24, 2025, 8:10pm UTC](https://community.weweb.io/t/weweb-n8n-build-guide-ai-powered-linkedin-content-generator/19757 "2025-08-24T20:10:44Z")
Hey everyone :waving\_hand: I’m super excited to share a project I built using WeWeb and n8n: an AI-powered LinkedIn content generator app. With this app, users can: Add their own OpenAI API key (so it doesn’t cost y… --- ## [TUTORIAL – Change section, page, or project background color](https://community.weweb.io/t/tutorial-change-section-page-or-project-background-color/238)
**Author:** [@Joyce](https://community.weweb.io/u/Joyce)\ **Replies:** 8\ **Last updated:** [August 7, 2025, 6:17pm UTC](https://community.weweb.io/t/tutorial-change-section-page-or-project-background-color/238 "2025-08-07T18:17:06Z")
In WeWeb, you can add CSS styles at section, page, or project level. Change a Section’s Background Color Select the section on which you want to apply the change Go to the Styling \> Background menu Change the backgroun… --- ## [TUTORIAL - How to create the Google Adresses AUTOCOMPLETE INPUT](https://community.weweb.io/t/tutorial-how-to-create-the-google-adresses-autocomplete-input/6587)
**Author:** [@rayanenocode](https://community.weweb.io/u/rayanenocode)\ **Replies:** 17\ **Last updated:** [August 4, 2025, 8:22am UTC](https://community.weweb.io/t/tutorial-how-to-create-the-google-adresses-autocomplete-input/6587 "2025-08-04T08:22:53Z")
Hi everyone, I’m going to show you the quickest and easiest way to access the autocomplete input of google maps. STEP 1 : Take the “search with results” element STEP 2 : Scroll through all the blocks and click o… --- ## [AxiosError, AuthToken potential fix](https://community.weweb.io/t/axioserror-authtoken-potential-fix/19436)
**Author:** [@william1](https://community.weweb.io/u/william1)\ **Replies:** 1\ **Last updated:** [July 29, 2025, 2:39pm UTC](https://community.weweb.io/t/axioserror-authtoken-potential-fix/19436 "2025-07-29T14:39:53Z")
Leaving this here incase anyone in the future happens to have this issue. Had an issue with Xano Auth plugin, when attempting to use it return a 401 Unauthorized Error. I had no idea what what was causing it and search… --- ## [\[Supabase\] Switch between Production and Staging in one click](https://community.weweb.io/t/supabase-switch-between-production-and-staging-in-one-click/8972)
**Author:** [@Broberto](https://community.weweb.io/u/Broberto)\ **Replies:** 9\ **Last updated:** [June 25, 2025, 2:21pm UTC](https://community.weweb.io/t/supabase-switch-between-production-and-staging-in-one-click/8972 "2025-06-25T14:21:55Z")
Preface Since I kind of opened this discussion a few days ago, in this thread \[Chrome Extension\] Supabase Live and Staging I actually found a really neat way of doing this, at least while WeWeb rolls out their own soluti… --- ## [TUTORIAL - How to drag/move any Weweb element freely on the canvas](https://community.weweb.io/t/tutorial-how-to-drag-move-any-weweb-element-freely-on-the-canvas/5646)
**Author:** [@AgentD](https://community.weweb.io/u/AgentD)\ **Replies:** 16\ **Last updated:** [June 16, 2025, 8:40am UTC](https://community.weweb.io/t/tutorial-how-to-drag-move-any-weweb-element-freely-on-the-canvas/5646 "2025-06-16T08:40:56Z")
Hi everyone :wave:, D here. In today’s tutorial we will looking at how to create a ‘drag and drop’ & ‘dropzone’ functionalities for any element we want in Weweb. I saw a lot of posts asking about draggable elements and w… --- ## [Trying to follow "Let's Make a Kanban (Like Trello) - Community Clone & Chill" but stuck](https://community.weweb.io/t/trying-to-follow-lets-make-a-kanban-like-trello-community-clone-chill-but-stuck/18630)
**Author:** [@kwanbis](https://community.weweb.io/u/kwanbis)\ **Replies:** 2\ **Last updated:** [June 6, 2025, 9:37pm UTC](https://community.weweb.io/t/trying-to-follow-lets-make-a-kanban-like-trello-community-clone-chill-but-stuck/18630 "2025-06-06T21:37:33Z")
Hi everyone, I’m following the tutorial and have managed to: Create the tables in Supabase Remove access restrictions Build the frontend interface I can see the objects in WeWeb However, I’m stuck at the point where … --- ## [Trying to Follow the Kanban Clone and Chill but no data is comming](https://community.weweb.io/t/trying-to-follow-the-kanban-clone-and-chill-but-no-data-is-comming/18621)
**Author:** [@kwanbis](https://community.weweb.io/u/kwanbis)\ **Replies:** 2\ **Last updated:** [June 5, 2025, 4:37pm UTC](https://community.weweb.io/t/trying-to-follow-the-kanban-clone-and-chill-but-no-data-is-comming/18621 "2025-06-05T16:37:26Z")
I am trying to follow Agustin’s Clone and Chill to create a kanban board. I already have the Supabase database and tables created, and I even have data in the tasks table, but, whenever I connect it to WeWeb, I get an e… --- ## [Any end-to-end / step-by-step course that is also up to date?](https://community.weweb.io/t/any-end-to-end-step-by-step-course-that-is-also-up-to-date/18533)
**Author:** [@kwanbis](https://community.weweb.io/u/kwanbis)\ **Replies:** 5\ **Last updated:** [June 5, 2025, 12:36pm UTC](https://community.weweb.io/t/any-end-to-end-step-by-step-course-that-is-also-up-to-date/18533 "2025-06-05T12:36:42Z")
I’ve been going through the current tutorials offered by WeWeb, and honestly, they leave a lot to be desired. They’re not really end-to-end and they tend to jump around between topics and often assume you already have s… --- ## [An easy/quick guide on how to generate custom PDF for weweb for free (100% client side)](https://community.weweb.io/t/an-easy-quick-guide-on-how-to-generate-custom-pdf-for-weweb-for-free-100-client-side/14306)
**Author:** [@mahdi](https://community.weweb.io/u/mahdi)\ **Replies:** 6\ **Last updated:** [June 3, 2025, 4:21pm UTC](https://community.weweb.io/t/an-easy-quick-guide-on-how-to-generate-custom-pdf-for-weweb-for-free-100-client-side/14306 "2025-06-03T16:21:32Z")
So I needed to create a button that generates a custom PDF for my weweb app from components already displayed on the screen. I looked into a few existing threads on how to do so, and most seemed like they had to utilize … --- ## [Supabase roles, creating a client portal](https://community.weweb.io/t/supabase-roles-creating-a-client-portal/18531)
**Author:** [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\ **Replies:** 1\ **Last updated:** [May 31, 2025, 3:51pm UTC](https://community.weweb.io/t/supabase-roles-creating-a-client-portal/18531 "2025-05-31T15:51:44Z")
Hello everyone :waving\_hand: I just recorded a long video going through how to create a client portal with role base visibility and blocking pages for specific roles like admin and user. Most of the work is based on th… --- ## [Custom Iconify icons (or any font based CSS) as Weweb icons](https://community.weweb.io/t/custom-iconify-icons-or-any-font-based-css-as-weweb-icons/5864)
**Author:** [@Antiokh](https://community.weweb.io/u/Antiokh)\ **Replies:** 26\ **Last updated:** [May 28, 2025, 4:45am UTC](https://community.weweb.io/t/custom-iconify-icons-or-any-font-based-css-as-weweb-icons/5864 "2025-05-28T04:45:35Z")
To add some iconset from Iconify you have two options: Use Iconify or other JS library: Adding custom icons to weweb :+1:: you will have a largest icon library with dynamically loaded icons from lots of iconsets. :-1… --- ## [\[Supabase\] Become a Supabase Magician in WeWeb (With Examples of JOINS etc.)](https://community.weweb.io/t/supabase-become-a-supabase-magician-in-weweb-with-examples-of-joins-etc/9808)
**Author:** [@Broberto](https://community.weweb.io/u/Broberto)\ **Replies:** 15\ **Last updated:** [May 26, 2025, 9:42am UTC](https://community.weweb.io/t/supabase-become-a-supabase-magician-in-weweb-with-examples-of-joins-etc/9808 "2025-05-26T09:42:53Z")
Become a Supabase Magician in WeWeb (With Examples) In the latest article on my Radar - a blog platform where I post no-code and especially WeWeb content, I explore the integration of Supabase with WeWeb. This comprehens… --- ## [Supabase Create and Delete users from WeWeb using Edge Functions](https://community.weweb.io/t/supabase-create-and-delete-users-from-weweb-using-edge-functions/18382)
**Author:** [@dhew](https://community.weweb.io/u/dhew)\ **Replies:** 4\ **Last updated:** [May 23, 2025, 6:26pm UTC](https://community.weweb.io/t/supabase-create-and-delete-users-from-weweb-using-edge-functions/18382 "2025-05-23T18:26:56Z")
Problem: By nature of being a frontend builder, WeWeb has no ability to manage app users after deployment. If you need to add or remove users, you must do so directly with whatever tools you are using for authentication,… --- ## [Example: Supabase Auth, Quick Setup & Login](https://community.weweb.io/t/example-supabase-auth-quick-setup-login/18052)
**Author:** [@dhew](https://community.weweb.io/u/dhew)\ **Replies:** 4\ **Last updated:** [May 2, 2025, 12:41pm UTC](https://community.weweb.io/t/example-supabase-auth-quick-setup-login/18052 "2025-05-02T12:41:22Z")
Quick start for Supabase Auth implementation…after setting up Supabase Auth plugin. In Supabase, there are important settings in the active Auth Providers: Disable “Confirm email” (in the email Auth Provider) if you… [Next page](https://community.weweb.io/c/tutorials/16.md?page=1)