How To Build A No Code SaaS (Everything You Need)
VloĆŸit
- Äas pĆidĂĄn 21. 07. 2024
- No code is the movement of building web apps and SaaS's without code. If you master these tools now while they're still very early in the future you'll be able to build nearly anything you want without code. Granted we will always need developers, but these tools lower the barriers to entry for the average person who wants to build a web app or no code Saas. These tools will help you get your foot in the door and build your very first no-code project. Using a web builder, a database, and some way to connect the two you can build a functioning web project. Granted, Webflow already has many CMS options and you can host data there, but, using an external database like Airtable will allow you to have much more control over your fields.
0:00 Intro
0:35 Design Tools
2:05 Web Builders
4:20 Integrations
11:00 Real Life Examples
Here are the links to try everything out!
Figma
www.figma.com
UntitledUI Kit
gumroad.com/a/34968691/NHefI
Bubble
www.bubble.io
Bravo Studio
www.bravostudio.app
Carrd
www.carrd.co
Webflow
webflow.grsm.io/arnau
Finsweet
www.finsweet.com
Notion
www.notion.so
Memberstack
memberstack.io/?via=arnau
Zapier
www.zapier.com
Make (Integromat)
www.make.com/en/register?pc=a...
Typeform
typeform.grsm.io/9qrus0g8vam4
Airtable
www.airtable.com
Makerpad
www.makerpad.co
Dwelitto
www.dwelitto.com
Unicorn Factory
www.www.unicornfactor...
/ connorfinlayson
đ Subscribe for more weekly design content
bit.ly/2FQLrO5
đ„ What I use in my videos!
kit.co/arnauros/filming-setup
đ Bonsai Referral (try for free)
www.hellobonsai.com/invite?fp...
đšâđ» Connect with me
arnau.design
đ Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
Have you built a no code product before? đ
When I read the video title I thought it was about creating a no-code builder .. so creating the builder itself đ
.. in this case my answer would have been "Yes, I'm currently working on such a tool" âșïž .. but no, I've never made a website without coding at least parts of it đđ€·ââïž
Hey shall we connect i am also interested in building a no code builder. Let's connect
My email is on my website!
Mostly notion based:
- Second brain,
- Content Systems
- Life Dashboards
And client websites.
have you?
Everything I wanted to know, delivered in a fast, clear manner, with links. Big thumbs up.
What a great start you have helped me have in my no-code journey!! Your video is so succinct and offers such great guidance on what applications to focus on and itâs been a go to as I learn up and navigate the different tools. Thank you sooo much, Arnau!!
Glad it was helpful!
My man!!! The actual video that takes you to execution. Thank you for the knowledge. Keep it up champ youre doing great.
Love your channel bro, you are still quite small, but you always deliver premium content! Much appreciated!
Love this comment thank you!
Your videos are definitely the best for Web design/development I've seen so far. Think Im gonna watch em all! Well researched and you recommend the top high-end products/tools.
Lovely job bro!
Thank you!! Share the channel with your friends if youâd like!
Of course - will do!
Extremely useful. Thanks a lot. Keep up the good work Arnau.
Absolutely fantastic information, thank you for sharing
Great video Arnau! That Bravo app looks interesting thanks.
Just came across your channel, great stuff. Personally used Figma to prototype, Webflow for my site/inbound marketing blog, and planning on using a redirect to Bubble for my SaaS web app
Thanks for sharing!
You are doing a great job man! I had to subscribe
A comment to support a great work you're doing.
great video! I am trying to expand out and see what other no-code options are out there.
it could be great to watch some stream with real-time building process, something basic but hilighting all essencial functions amd integration of this services.
and thank you for great job!
Mackenzie Child has a great, live example using a lot of these tools here: czcams.com/video/1-_rGcBQLzE/video.html&ab_channel=MackenzieChild
czcams.com/video/bzVIMTohwSE/video.html
thanx fr th info..
it really helped me understand the wolrd of no code
Cool vid, I would like to see more visual things when your camera is full screen. For explain talking about database put a database icon, it would be more interactive to watch. Keep it up!
Would love to see more on No code blockchain/dapp building
As a person with a lot of coding experience, I always check out all these new "no-code" solutions to see if I can save some time on small projects. I always resort back to coding every time because these tools only work for simple requirements with very specific configurations. They all fall apart when you try to use them for projects with complex requirements. I am not bashing them, I am just sharing my knowledge and personal experience. The best "no-code" tool that I have used is a tool called LabView, it's more of an Engineering tool, but that's what I hope we'll get in future for Web/Mobile Apps.
I agree with you, having coding experience will always trump setting up all of these new tools. There can be issues regarding it that might not appear with your own custom build. However, the main idea is that if you aren't familiar with coding you can still get the project out. Which is awesome for the average joe!
Absolutely agree!
New to this...i feel like i need to take notes and should be eligible for college credit! Good stuff. Will listen to again so more soaks in.
Glad it was helpful!
Great tips. Thank you!
Nice vidéo . I would like to see more no code videos .thank you
Great vedio! Learn a lot, thanks
you explain it rfeally well
thankyou so much
Thanks Savi!
Why is this guy underated
He's so gud !đ„
I am fulltiime web (java,) developer for 15 years . Will look all your videos. Always wanted to learn saas
Welcome aboard!!
Great content man, keep it up with the hard work!! Quick question what too would you recommend for a web app for user registration, help the user automated their daily work using AI and sending out emails? I already have the design on figma but still donât know what should be the next step, maybe building the backend but how to integrate with figma or framer? Should i move to webflow insted? Hope you or anyone here find the time to answer. Thank you
good video, man
thanks for making it, i learned a lot :)
learned lots; thank you : )
Thx for this vid, its was an eye opener
I really like your contents. They're very inspiring. I do tech videos and it takes a lot to come out with amazing contents like this. Keep it up.
I appreciate that!
tremendous value đđđ
please Upload a video showing the complete wireframing through to a database-driven functioning website.
Great stuff!
Great Video! Thanks!
Thanks for watching & commenting!
More no code videos please :)
Thanks for all these informations, l'm using appsheet to create apps it's pretty cool and it has a lot of features that you can use such as workflows automations...
However I'm gonna check all these no code platform that you have mentioned in order to overtake some problems I'm facing with appsheet such as printing reports or invoices.
Glad it was helpful!
Such a useful video thank you
Glad it was helpful!
Super great video Arnau! Could you do another example video on building a SaaS using these tools? I think it'd be really awesome!
Great suggestion!
You are Viral Man!!! âš
isnt it an issue the a lot of these things freemium? a single platform with be okay but add the integration cost then cost baloons. Isnt there an all in one solution like bubble, flutterflow, or appsmith?
Bro, you are awsomeeeee!
Thanks for watching!!
Hey. Can you reply with an impression and rating of Appgyver?
Thank you so much
INFORMATIVE đ
Thanks bro
†genuine video
thank you!
So with all of these different SaaS sites being pieced together like Legos, it brings up some obvious issues for someone like me, a 30 year Systems Administration professional. Firstly, how many trust relationships are involved in a individual site? You have at least half a dozen companies with their fingers in your data, and how well do you really trust all of them? This creates an absolutely enormous attack surface with that many 3rd parties involved. Second, what happens to the web app if one of those companies goes out of business? If you are building this way for clients, and you have build 100 client websites this way, you now have 100 clients that are angry because their site is broken. Third, having to link all of these different SaaS services surly must introduce significant latency to the system, slowing down the responsiveness of the web app. Finally, having that many SaaS providers supporting the web app would make it very fragile. as for every additional one you add, you have added another piece that if they are having service issues, could break the web app. From my perspective as a traditional Systems Administrator, it looks like you are building a house of cards.
Yep! Youâre right on all points here, ideally having everything on your own system would minimize attacks & risks of external failures. But, this is a great way to get to where you need to be without needing any developer help. Itâs almost comparing a formula one car to a go kart, ideally most people would love to race with the f1 but donât have the resources, so a go kart will have to do!
Valid points, but in my opinion this is a better alternative than wordpress and all of its 3rd party plugins. I trust Webflowâs integrations stability more than Wordpress
@@ArnauRos ..And also no code can help you make a proof of concept and more to show the business running to investors, or to develope the early stage of your product and grow to other more stable tech. Could you talk about integration with languages like javascript to extend functionalities ?
Valid points, but this is why a lot of engineers are slow to start businesses. You can piece something together in the early days but once you get some good traction build something from scratch.
Very interesting point. I studied computer engineering in university and see from a base level you are bang on!
But, for most low code/no code people the flexibility of these softwares is what gives them the benefit plus if a company goes under you should really be backing up your saas or website on an external file/folder.
Take for instance @elementor and @WordPress (I used to code websites for clients but now I mostly use WordPress with Elementor as it is easier to manage any changes needed + because it is what most clients I have come across demand! aka a WordPress site not a coded site.
Do you always use Figma as a preview to a site builder? Or are there cases when you go straight to the site builder? Thanks!
I always design first in Figma so I know exactly what Iâll be building. Saves time and its easier to iterate if i need to change something.
informative video, thanks
Glad it was helpful!
I use bubble, i recommend bubble for backend applications. Not for like blogs or anything, the SEO is still a work in progress, the editor is kinda outdated. I will say that Webflows CMS restriction is what is holding me back. My company produces 100s of lines of data a day and bubble doesn't limit that, only file size for images videos. So if you website is content heavy like mine, stick to bubble, if not Webflow is your best bet
what would Fiverr use?
So if i put custom code for my webflow app will they take care of serverless hosting ?
You should get in contact with webflow for that!
BuenĂsimo el vĂdeo arnau! Muy buen explicado todo. Que piensas de softr como web para mostrar los contenidos de airtable???
Aun no he usado softr!
you have great look :)
Amazing content it will be great if you can do a case study about how to create a SAAS without code
Thanks for the suggestion!
Hi Sir, you are great. Your videos are awesome.
I want to ask you webflow is for building website with no backend functionality. Is there any no code other than bubble which has backend to build web app.
Another question: how I can monetize my built websites. Thanks.
Webflow can be used for many things, I would use airtable as the 'database' for your backend, server would live on the webflow servers. Not sure about other apps that have a backend, bubble might be your closest bet.
Monetisation isn't my speciality, but you can try running ads!
What about anima plugin in Figma, it looks like you can build simple site with it and export it from Figma
Might do a review on it!
Hi Arnau, do you know pros and cons to use native Weblow CMS vs Airtable tables?
Pretty nice video!!
Would love to see this as a detailed video too.
The benefit of airtableâs database structure is you can combine several different tables in order to create a single group of data. For example
Shirt color
Shirt size
With airtable you can combine the two, being able to show a Red XL shirt for example. Then you connect that table in Webflow and you can now display it. Imagine that example, but 10x the data points like for a car marketplace. You need to be able to connect many different CMS collections in one table.
Hope that made sense!
@@ArnauRos Sure! Thanks for your answer. ;-)
Hi Arnau, thanks for the video! About finsweet, is it really a software? I just checked their website and looks like a cool development agency providing webflow services, but nothing like a service to ingrate as an extension on webflow. Did I miss anything? thanks!
They have both! Look up attributes finsweet
If you are OK with react native⊠would you still save time making web apps with no-code?
Depends, if you need a quick proof of concept/mvp for your react project you can set it up in a day or two!
I thinking about creating my own no-code software just carious have you made your own software if so how is it going and can you tell us about it
Nope never tried building my own!
Got a question. What is the best tool to start building an email list for free? Will MailChimp work? Also, does Typeform have an email sending module like a MailChimp or ConstantContact?
I personally have used Mailchimp a number of times, theres a lot of free options out there as well!
Hi Arnau, Thank you for this video. So I'm looking into webflow as an option, been working with figma, divi and Wordpress for a few years now but I'm afraid that if I go the webflow route I might loose some of those seamless integrations like woocommerce and so on.
I do believe that where things are going, webflow is going to be be the future. How would or what resources would we need to have a seamless integration using webflw, when it comes to e-commerce, pay gateways, email delivery systems ad so on. The basic stuff that we know Wordpress has plugins for? Keen to hear your idea but the more I resources I get about webflow, I'm starting to get sold on it.
Hey, webflow ecommerce is pretty great from the start. You can customize product pages, check out page, and much more. Webflow is working on a logic system right now to help with automation of email sending like youâve mentioned. Also, connecting to mailchimp or any email service is super easy. Hope this helps!
Why not hosting at siteground and make a WordPress website ? What is so much better about those things? I didnât understand the value but it just looks chaotic and all over the place ⊠pls help what have I misunderstood?
Love your content dude ! I have one question what about performance? I mean all those tools looks cool but it looks like your app is depending to those tools... Isn't that scary ?
Performance wise products built with these tools are fast, however in terms of security and dependability on different softwares that is an issue. Lots of moving parts means lots of possibility to fail, however if you're not able to take the custom code route it might be your only choice.
Have you tried Tilda as a no code cms?
No not yet!
Thank you for the video. Just started looking into no code, seems interesting. But man, with the amount of integration softwares, isn't this going to cost a fortune to maintain? How much would you estimate the cost?
You can use most of these for free before having to pay anything! Pro features usually come when you already have an huge business
@@ArnauRos oh thatâs good to hear I will try everything out thank you!
Which camera you use ?
check out my kit.co in the description you should have everything there
Can you make a tutorial on how to integrate multiple apps? Like Webflow for front-end and Bubble for back-end etc.
I was looking for something like this as well. Did you end up finding anything on it?
Its honestly better to use backend tools for backend lines airtable and Xano rather than using bubble
@@abendeavours4200 I did actually
I have interest in building a no code landing page for specific niches ex, onlyfans creators , real estate agents etc... but I HAVE NO EXPERIENCE AND A LIMITED BUDGET!!! Any tips? and how would you market it ? and price point? monthly or yearly , bascially help from A TO Z
Check out my videos! Thereâs quite a few on no code websites
Great
So far Iâve seen only relatively simple websites as no code build examples⊠stuff you could build on Wordpress 5yr ago easily. So dont get it⊠but will be trying Webflow for sure.
Sure! use cases might be similar, but the quality of the build is what's important here. How often things might break, customisation, support, and flexibility.
I didnât know I was big into no-code 12yr ago when I built a marketplace on Drupal đđ it wasnât called no-code at the time just a CMS
Arnau Ros love the video thanks I have learned so much. My question would be can I have a career using platform Webflow and Wix to create a website I have use this platforms to create website??
You can use these platforms for a career!
@@ArnauRos what advice you can give me right now how start because I feel clueless and lost and I wish I had a mentor that someone to guide me because you confirmed my assumption
Take a look at my how to get started freelancing playlist, that should help you out
@@ArnauRos thanks for the advice I will check on it and advice you have for me please let me know, do you have a LinkedIn??
Yes!
super tks
I have 4 websites and one of then is a ecommerce. I only pay for the hosting montly and it works great. Why use this tools and have to spend a lot of money with subscriptions?
It depends on the fidelity of design you want to have. What did you use to get the four sites up and running?
sir can we make, pickup delivey partner , full delivery service using no code tool
I'm not sure!
I have a health blog. And I want to display drug information and drug interactions data on my homepage. I have the API key and required licence and credentials. Tell me how to do it of my own . I don't want to hire a developer to do this. Is there any no code platform exists that ease this task?
Not sure, try reaching out to the webflow forum!
@@ArnauRos thanks
Can we set a time to chat for a few minutes⊠regarding memberstack and type form fir Webflow and your experience. It would be greatly appreciated âŠthanks âŠ. Tim
Sure thing! superpeer.com/arnau is where you can book my time :)
maker pad link is wrong I think
Fixed!
How about the database?
You can create a database with airtable :)
Hey! Grt video,
Can u suggest me which platform will be best for service providing apps like where parents, teachers and school drivers are connected in a single platform. Also where teachers can take attendance notifies auto. To parents that child in class.. Parents can trace location too.nd etc... Kindly reply đ„
Any platform would work, you need to be able to properly connect all points into one database. Webflow, airtable, and zapier should do it for you. Take a look at connor finlaysons channel he helps people build marketplaces with no code which is similar to what you want to build
@@ArnauRos thanks bro đ€
what about framer
as well!
Makerpad was actually built by Ben tossell, was later acquired by zapier
Funny thing, Ben actually let me know himself on twitter! lol my mistake
After wasting 2 weeks manually coding website features for my side business that didn't bring in any money. Im looking to no code to test an ideas viability fast before dedicating serious effort
Kindly Post Videos about Chat GPT-4 Basics and How to use to build websites and Applications and API How to use.. Full tutorial about Chatgpt-4...
Full Video About ChatGPT-4 API & How to use it to build websites and web applications (or) What SaaS applications we can build.. Full tutorial about Chatgpt-4 & API Use.
How to use Chatgpt-4 on Nocode App building to work faster and improve App workflow... How ChatGpt-4 is useful for nocode App builder
Thanks for the idea! It would be a good topic to cover for sure
Tally is the best form builder other than typeform. Most of its features is free.
Also a good option!
very useful thanks !!!!!!!!!!!!!
Glad it was useful!
A lot of Figma users still don't realize that Webflow is their future. Use Figma for design exploration and specific projects (like, say, a mobile tab bar) but for most projects, it doesn't make any sense to use Figma.
I recommend still starting in figma before webflow, even its an easy project you can iterate much faster through a design software rather than a development one
Veve design is web flow, killer,
Havent heard, could you link me?
How much money are we looking here just on licenses needed?đ
Free!
Who needs to code when you've got no-code!
Budibase is better than bubble
I love Notion for planning my personal life, but I like ClickUp a lot better for planning/collaborating in a company setting
Ive started using clickup aswell for the agency. Great software!
PLEEEASE remove the clicking sounds!
Great content Arnau, but the clicking sounds (mouse, keyboard) are something we're exposed to all day long and it's bloody irritating. Also there is a growing number of people with misophonia like me that find it utterly unbearable. Thank you.
Thanks for the input, had no idea it was a big problem for some!! Will look at reducing or removing
@@ArnauRos Thanks for listening đ
w
Thats too much names for me.
I prefer high coding.
Dorik
As a programmer. this is one of the stupidest and most inefficient things I've ever seen.
Opinions are free!