WeWeb
WeWeb
  • Видео 265
  • Просмотров 306 518
How to get and display Xano data in WeWeb
WeWeb is natively integrated to Xano. You can easily connect your Xano backend to your UI in WeWeb. In this video, we'll show you how to display data that you have in a Xano backend on a WeWeb page.
There will be three steps:
1. Adding Xano data source plugin in WeWeb
2. Getting Xano data we want to work with in a collection in WeWeb
3. Displaying that data on a page in WeWeb
💡 Xano has updated its API connections.
Documentation:
➡ docs.weweb.io/plugins/data-sources/xano-data.html
*****
Subscribe to our channel to be the first to hear about new video releases! 🙂
WeWeb is a no-code platform that empowers anyone to create pixel-perfect frontends on top of any backend without vendor lock-in. Why lim...
Просмотров: 1 214

Видео

How to get and display backend data using REST API in WeWeb
Просмотров 1,9 тыс.4 часа назад
Remember, WeWeb is a frontend builder. To build a full web-app, you'll need to connect your WeWeb UI to an external database. In this video, we'll explain - • How to integrate data sources into WeWeb • Explore REST API plugin setup • Understand dynamic data collection for scalable web apps. • Discover best practices for managing data security, filtering, and optimizing performance in WeWeb proj...
Component properties
Просмотров 26821 час назад
A component is a reusable element used across your web application. In this video we will be building a simple button component. Chapters: 00:00 Intro 00:08 Basic button 00:50 Create the component 01:06 Edit the component 01:34 Using the component 02:08 Instance modification 02:28 Modifying the component 03:19 Outro Link to the documentation: docs.weweb.io/components/intro-to-components.html Tr...
Components in a Collection list
Просмотров 245День назад
Collection list can cause multiple problems when it comes to interacting with components inside of it. In this video, we are showing you how reusable components can help you isolate their behavior to have more control. Chapters: 00:00 Intro 00:40 Scoped variable & workflow 03:23 States 04:49 Outro Link to the documentation: docs.weweb.io/components/intro-to-components.html Try WeWeb for free: w...
Intro to WeWeb libraries
Просмотров 374Месяц назад
In this video, we show you how WeWeb libraries can speed up the building process of gorgeous UIs with a consistent look and feel.
Variables in WeWeb - Make your app dynamic
Просмотров 567Месяц назад
You can use variables to dynamically update content, interact with data from external sources, or control the behavior of your website's elements and components. In this video we demonstrate - • Various types of variables in WeWeb, including text, numbers, booleans, objects, arrays, and query strings. • Implementing workflows to update and bind variables • How to use variables to manage and pre...
Data Collections in WeWeb
Просмотров 308Месяц назад
In WeWeb, a collection is a set of data fetched from a 3rd-party API or backend. You can then use this data to display it in your app. You can use WeWeb plugin to connect to REST API, Airtable, Xano, Supabase, Google Sheets, SQL, JavaScript, GraphQL, SOAP, RSS Feed, Algolia, Strapi and Ghost. In this video, we walk you step-by-step through - • Connecting to external data sources and creating da...
Plugins in WeWeb: Connect WeWeb to any tool
Просмотров 364Месяц назад
In WeWeb, you can connect multiple data sources to the same project. Choose your preferred authentication system and leverage the JS libraries you need. Today we will walk you through - • Various WeWeb plugin categories including data sources, authentication, and extensions. • How to connect multiple data sources like Xano, Supabase, and Airtable. • Implement authentication systems using option...
UI elements in WeWeb: Libraries
Просмотров 298Месяц назад
Leverage WeWeb libraries to build user interfaces faster, with a consistent-look-and-feel. In this video, we explore - • Various UI elements available in design libraries. • Differences between project-specific assets and starter kit assets. • We demonstrate how to utilize and integrate external libraries. • How to save and reuse custom templates Template: 👉 marketplace.weweb.io/projects/ad2e50...
UI elements in WeWeb: Basics
Просмотров 266Месяц назад
In this video, we cover the essentials of adding and styling UI elements on a webpage: • How to add basic UI elements to any project using the Add menu, applicable across various templates. • Techniques for arranging text and images within a section using Flexbox, including setting max width and spacing. • How to efficiently group elements and apply styling for a polished and centered design la...
Canvas: How WeWeb abstracts HTML & CSS
Просмотров 267Месяц назад
Canvas: How WeWeb abstracts HTML & CSS
Getting Started with your first project in WeWeb
Просмотров 364Месяц назад
Getting Started with your first project in WeWeb
How to create a pulse animation in WeWeb
Просмотров 434Месяц назад
How to create a pulse animation in WeWeb
Appear transition in WeWeb
Просмотров 325Месяц назад
Appear transition in WeWeb
Create a skeleton loader animation in WeWeb
Просмотров 330Месяц назад
Create a skeleton loader animation in WeWeb
CRM Template - Build Guide
Просмотров 951Месяц назад
CRM Template - Build Guide
The WeWeb 2024 Summer Update
Просмотров 1,4 тыс.2 месяца назад
The WeWeb 2024 Summer Update
WeWeb Office Hours with Joyce & Flo, 2024-06-04
Просмотров 2163 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-06-04
WeWeb Office Hours with Joyce & Flo, 2024-05-28T16:00:19Z
Просмотров 1613 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-05-28T16:00:19Z
Compress files before upload
Просмотров 3713 месяца назад
Compress files before upload
Backend pagination with WeWeb & Xano
Просмотров 4983 месяца назад
Backend pagination with WeWeb & Xano
WeWeb Office Hours with Joyce & Flo, 2024-05-14
Просмотров 1723 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-05-14
WeWeb Office Hours with Joyce & Doc, , 2024-04-23
Просмотров 2084 месяца назад
WeWeb Office Hours with Joyce & Doc, , 2024-04-23
WeWeb Office Hours with Joyce & Doc, 2024-04-30
Просмотров 2204 месяца назад
WeWeb Office Hours with Joyce & Doc, 2024-04-30
WeWeb Office Hours with Doc & Flo, 2024-04-23
Просмотров 804 месяца назад
WeWeb Office Hours with Doc & Flo, 2024-04-23
WeWeb Office Hours with Joyce & Flo, 2024-04-09
Просмотров 3264 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-04-09
Add a dark mode to your WeWeb app without writing code
Просмотров 5165 месяцев назад
Add a dark mode to your WeWeb app without writing code
Text color gradient with custom CSS
Просмотров 2975 месяцев назад
Text color gradient with custom CSS
WeWeb Office Hours with Joyce & Flo, 2024-03-26
Просмотров 1565 месяцев назад
WeWeb Office Hours with Joyce & Flo, 2024-03-26
WeWeb Office Hours with Joyce & Flo - March 19th, 2024
Просмотров 2175 месяцев назад
WeWeb Office Hours with Joyce & Flo - March 19th, 2024

Комментарии

  • @PedroHenrique-tn1wh
    @PedroHenrique-tn1wh 22 часа назад

    Hello, how can I put it on the page? I don't want the scrollbar on the page. In the home section it's ok, but on the page how can I make the scrollbar disappear but keep scrolling?

  • @user-gy7po5ro3d
    @user-gy7po5ro3d 2 дня назад

    amazing tutorial thank you

  • @valartnad
    @valartnad 3 дня назад

    To what extent the Weweb Stripe plugin is secure enough to store the Stripe Private API keys? Wouldn't it be better to just expose the Public API Keys to the front end (Weweb) and keep the Private API Keys in the back end?

  • @filipportoigo
    @filipportoigo 4 дня назад

    I LOVE YOU, JOYCE

  • @antoniogiordano5512
    @antoniogiordano5512 5 дней назад

    👋😎

  • @danmigizi
    @danmigizi 9 дней назад

    Sweet video. Thanks for sharing.

  • @user-xe9xx8zj6i
    @user-xe9xx8zj6i 9 дней назад

    Awesome 🎉🎉🎉🎉🎉🎉🎉

  • @wadanda
    @wadanda 11 дней назад

    Great quick and very helpful, thank you!

  • @laetitiamassa
    @laetitiamassa 13 дней назад

    Another question on this: does filterByKey slows down the app when there are several hundreds of records? As it seems to iterate each record to check wether the key is present or not. If it does slow the app down, what formula would be preferable in a many to many relation (in order to have access to all the fields of the linked table) ?

  • @jefferyirenkyi
    @jefferyirenkyi 14 дней назад

    Is there another video after this?

  • @danmigizi
    @danmigizi 19 дней назад

    Awesome. thanks for sharing

  • @nyxpua
    @nyxpua 19 дней назад

    Hey, great job There at minute 27:10 when you do a GET/Conversation in Xano's response it brings "Messages", where does it bring this from? Because in the Conversations table there is no Messages column

  • @itimb
    @itimb 21 день назад

    is there any documentation or tutorial about how to work with Open AI Assistant in the last version and saving the outcome n Xano?

  • @MyPhoenixVault
    @MyPhoenixVault 22 дня назад

    the Css section was very helpful. I notice the scroll bar looks different on different browsers, something to watch out for if design is very important like it is with my app.

  • @MyPhoenixVault
    @MyPhoenixVault 25 дней назад

    great video. I managed to get through this no problem except the only thing I cant seem to figure out is how to change the grid colour. I dont see any options for it. By any chance do you know how to change it?

  • @MyPhoenixVault
    @MyPhoenixVault Месяц назад

    Please either put weweb back to how it was in these videos or update videos. Almost every single video I have seen is outdated and hard to follow. api connection with xano, completely different and I cant get my signup pages to work at all (10 hours and still no help). Those icons you have at the top of your workspace, they dont exist, Nav>header doesnt exist and so on. Ive spent almost 20 hours in this and xano and have gotten nowhere other than more frustrated. Please update these because I cant imagine I am the only beginner struggling. these things should be the absolute simplest things to do. I built my entire app design in 2 days in figma with zero knowledge of figma, So I know im not stupid.

    • @weweb
      @weweb Месяц назад

      Hi there 👋 Yeah, sorry about that. The product moves very fast. It's hard to keep up at times 😕 Our text-based user docs are usually more up to date: docs.weweb.io/ If that doesn't help and you feel stuck, please don't hesitate to ask for support in our community: community.weweb.io/ It's usually very active and helpful 🙂

    • @MyPhoenixVault
      @MyPhoenixVault Месяц назад

      @@weweb I did both and still have not gotten an answer on any of my issues. I followed docs, asked in community in weweb and xano. Still nothing :( I think the visual builder is very intuitive and needs very little explanation (although why you would remove icons from the top bar when there is plenty of space makes no sense to me, just makes things more confusing for no reason) but linking to xano, apis and all the other more complex things are difficult to understand and I cant even get a signup page to work. Ive no idea if its xano or weweb and cant seem to get an answer from either.

  • @charlesdotdev
    @charlesdotdev Месяц назад

    this is possible on the starter plan?

  • @ThomasToumeyragues
    @ThomasToumeyragues Месяц назад

    Is this solution preferred to create a page like /details/{caracter_id} that fetches details data from an endpoint on navigation ?

    • @wellingtonsantiago-pt8mv
      @wellingtonsantiago-pt8mv 23 дня назад

      Do u need to fetch itens on the page load and save into a object variable

    • @weweb
      @weweb 9 дней назад

      It depends on your use case. A few things to keep in mind: - Saving to a variable means the user needs to first select an item. Might not be the best solution if you want users to be able to get detail data directly when landing on a page. - Making an API call slows down the user experience because they need to wait for the server to answer. Sometimes it's necessary. If the data is already there in the browser and can be saved to a variable, it's not. Hope that helps!

  • @JonBanquer
    @JonBanquer Месяц назад

    This is one intense video! I use to do a little database programming in a relational database for the Mac in a language called 4D. It was written by one person in France and it was way ahead of its time. It was very slick and elegant but no real training was available for it. I had no computer programming background and I really struggled with Pointers to Array's and figuring out if there were Many to Many or Many to One relationships that you had to diagram first when writing an application. If you didn't get it right you had to start again because you were locked in. I hope things have changed. The quality of how well you planned this video and course material out just blows my mind, Joyce. I have not viewed anything this well done and comprehensive for any Low code/No code tool. I feel I'll need to watch this video a few more times to get 100 percent comprehension. Probably at 90 percent now. So much thinking and planning ahead for the backend!

    • @weweb
      @weweb Месяц назад

      Thanks so much for the kind words, Jon!

  • @nocode_bro
    @nocode_bro Месяц назад

    Is this recorded with Screen Studio? 👀

    • @weweb
      @weweb Месяц назад

      Yesss :)

  • @JonBanquer
    @JonBanquer Месяц назад

    Very good overview. Thank you! What are the benefits of decoupling the front end from the back end? What are the disadvantages? Binding from the Rest API looked smooth and straight forward in WeWeb! WeWeb looks more advanced than Webflow does. Does WeWeb export clean code?

    • @weweb
      @weweb Месяц назад

      Hi Jon! Here's an article about the pros and cons of a decoupled approach: www.weweb.io/blog/the-differences-between-monolithic-and-decoupled-no-code-tools Re the code exported, it's a standard Vue.js SPA but not squeaky clean for now. It includes some superfluous wrappers that we are in the process of removing to improve performances.

    • @JonBanquer
      @JonBanquer Месяц назад

      @@weweb Well written and helpful article. I've just started to try and understand how Xano works and if having an API add-in will be a major time saver. Also, if you can redefine relationships between tables or if you are locked in once you make a decision and move forward.

  • @HarshVerma.Growth
    @HarshVerma.Growth Месяц назад

    You are looking awesome

  • @luiG3600
    @luiG3600 Месяц назад

    thank you for the video 🙏🏼

  • @antonyharlaux5408
    @antonyharlaux5408 Месяц назад

    Hello and thank you for the tutorials ! How to change the size of typographies screen by screen with the styles in the library ? I couldnt do it so i used classes

  • @laetitiamassa
    @laetitiamassa Месяц назад

    cool, can't wait to try that with collections ! 🙂

  • @kodzimageniy6151
    @kodzimageniy6151 Месяц назад

    it's not work. I get "ReferenceError: exports is not defined" every single package

  • @alexveeuk
    @alexveeuk Месяц назад

    We need pivot table functionality for large data

  • @OlivierMARTINEAU
    @OlivierMARTINEAU Месяц назад

    Great !

  • @shout-style
    @shout-style Месяц назад

    Very well explained. Thank you

  • @shout-style
    @shout-style Месяц назад

    11:45 Why is my div turning in to a flexbox and changing the column instead of splitting the first column in to two?

    • @weweb
      @weweb Месяц назад

      By default, a div component will have the flex property. The column component has been deprecated. But we added the grid property that handles columns better!

  • @borjcatingub
    @borjcatingub Месяц назад

    why are you guys not famous?

  • @borjcatingub
    @borjcatingub Месяц назад

    the xano snippet does not work with my new free account

  • @borjcatingub
    @borjcatingub Месяц назад

    the xano snippet does not work on my free account

  • @borjcatingub
    @borjcatingub Месяц назад

    lezzgo!

  • @thegarlaki199
    @thegarlaki199 Месяц назад

    Finally!!! 🎉 thank you!

  • @thegarlaki199
    @thegarlaki199 Месяц назад

    Finally! 🎉

  • @sebmignot
    @sebmignot Месяц назад

    Awesome JP! it's a very interesting video. I learnt how to use absolute position, Z axis, and effets in less than 10 min Thanks you.

  • @lqw34vdfmm
    @lqw34vdfmm Месяц назад

    JP instead of Doc Williams? 💪

  • @lianr7
    @lianr7 Месяц назад

    🎉🎉 amazing

  • @kbarfleur
    @kbarfleur Месяц назад

    🔥

  • @Dendee2
    @Dendee2 Месяц назад

    unfortunately i cannot find the card element like you did. is there a newer version?

    • @weweb
      @weweb Месяц назад

      Hi Dendee! You can now find the Card component inside of the Starter Kit Library!

  • @geovanyferreira1
    @geovanyferreira1 Месяц назад

    Awesome work⚡️🚀

  • @jessicaesupply
    @jessicaesupply Месяц назад

    A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs

  • @jessicaesupply
    @jessicaesupply Месяц назад

    A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs

  • @jessicaesupply
    @jessicaesupply Месяц назад

    A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs

  • @jessicaesupply
    @jessicaesupply Месяц назад

    A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs