Build No Code Web Apps with Webflow and Wized - Introduction
HTML-код
- Опубликовано: 11 июл 2024
- Learn how to build simple or complex no-code web apps using Webflow, Wized, and Xano.
Try out Wized for free (affiliate link):
wized.com/?via=ruairi
In this introduction video I'll explain what a web app is, and explore three technologies that we can use to build no-code or low-code web apps:
- Webflow for the front-end
- Xano for the back-end
- Wized for handling requests between Webflow and Xano, and dynamically updating the Webflow front-end.
We'll also look at an example web app I made using Webflow, Wized, Xano, and ChatGPT by OpenAI.
Timestamps:
00:00 Introduction
00:20 What is a Web App?
03:31 Exploring Bubble
05:48 Introduction to Wized
07:40 Webflow + Wized + OpenAI Web App
18:08 Exploring Xano
You sound exactly like me. A dedicated web developer who desperately wants to know how to build robust apps and functionality, but doesn't have the time or interest in diving into hard coding. I love no-code tools. I've been building websites for a LONG time. I'm only now starting to look into Wized to see how to build a more robust functional website. It looks interesting, but you will still need to know the core basics of programmatic structure. Hoping I can learn this in an efficient manner. :)
Exactly! And for sure you need to know the basics of programming, structuring DB's, writing JS, etc. Good luck with it!
Breathtaking stuff
Great video, extremely clear and helpful. Thanks Ruairi!
Glad it was helpful!
Great explanation. Keep it up with the videos , you are talented for instructing this
Thank you Jorge! Glad you liked it.
Great video! Keep posting videos like this!
Thanks mate!
Great video, exactly what I'm looking for. Webflow for front end is amazing, tried bubble and building a responsive page was frustrating.
Definitely gonna give this shoot, thanks!
Thanks for the feedback! I was the same; learning Bubble when you already know Webflow is too much hassle. And Bubble's interface designer will likely never be better than Webflow's.
awesome video bro, very helpful :)
Glad you found it useful it mate!
I am building my app (first full stack low-code app) with Webflow, Wized, and Xano. It's a great tech stack.
So far I have only needed to use Wized's API once. Otherwise, it's a great middle layer between Webflow and Xano.
Oh yeah, and I tried it seems like countless other apps - including Bubble - and none of them compared to ease of use of this stack: Webflow, Wized, Xano.
Xano === amazing!
Interesting. However Bubble offers all 3 packed up in a single solution plus simplicity. The worst parts are their new pricing model - obviously, speed, design editor and platform stability.
I can personally forget about pricing and design editor but not the speed and stability. Hopefully, the future will be brighter :)
Bubble sure does package it all together neatly.
However I am a big fan of using the best tool for each job, as opposed to using one tool that does them all but is a master of none. Webflow is better for design than Bubble, Xano is better for backend, and Wized ties them together.
You totally got me when you said "Webflow is your bread & butter". I tried bubble and the UI made me crazy. They don't have responsive CSS units and it makes building interfaces way more complicated. Nice video. I'll give it a try with Wized for a hobby project.
What would you say about Softr?
Agreed! I'll do whatever it takes to make Webflow work, including learning Wized and Xano!
I've never used Softr but imagine it will be the same issue - leanring something that isn't Webflow :)
That looks interesting/awesome! I have only one question. How is the speed of the website overall when we now need 3 websites to get/send data from/to ?
Thanks mate!
Very fast. Webflow sites are static, Wized runs API calls in the user's browser, and Xano is very fast also. Can easily get 90+ speed scores.
Hey Gang, how does Webflow stack up with event driven or rule based processes on the site? Is there a preferred method to achieve this or stay clear of Webflow for sites like this?
For example: I want to present buyers with X product based on 2-3 questions they are asked. There would need to be some workflow to say if user chooses X colour, then present this option of model.
Does this mean we don’t need to use Webflow membership for user sign up/login?
Correct! You can create signup/login using Wized and a backend tool like Xano or Supabase.
I recommend not using Webflow Logic or Webflow Memberships. Use Wized and a backend for all of that - this gives you much more control and flexibility.
Will wized work with web flow free version?
Hello, is Wized secure?
Yes, it is. But it is client-side, it executes in the visitors browser, so you have to follow standard security procedures for front-end scripts: Don't put anything there that you don't want the user to be able to see, as anyone who is tech savvy can read what is in Wized.
The key is to put any logic or functions that you don't want visitors to see or tamper with, onto Xano. You can keep data secure in the Xano DB and require user authentication to access API endpoints.
@@RuairiMcNicholasIE Thank you! So as I surely use Wized 99% of the time for a web app, I will always use something like Xano. In this case I have no worries about security?
I have people (and me) not aware of this security precautions to take, so obviously people won't use Wized.
For newbies and clients it is hard to understand and how to do it.
@@jokanstudio Wized have a lot of great tutorials on their RUclips channel on how to make your Wized web apps secure.
And it's not suited for newbies or clients, you'd want to know a little coding (which is why we sometimes saw low-code) to make a good app, and know about databases and APIs.
Actually, I am a webflow developer, an intermediate and wondering how to make these kind of web applications. Is there any way to earn in this kind of web applications.?