Bubble
p/bubble
Build web apps without code, entirely visually
Ben Tossell

How to Build series by Bubble — Tutorials for building popular websites with no-code

Featured
88
Bubble's How To Build series is a comprehensive set of walkthroughs on recreating the Internet's biggest hits, step-by-step, without writing a single line of code. Build any web app, from marketplace to social network to streaming platform, with no code.
Replies
Best
Lachlan Kirkwood
Stoked to be involved in this 🙌 I've been using Bubble over the past year and I'm continually blown away with the capabilities of the platform. As a non-technical maker, I'm no longer restricted to the products I can build - solving one of my biggest pain points. Can't wait to more amazing experiences built with Bubble as the no-code landscape continuous to grow 🔥 What's your favourite Bubble-built product you've seen to date?
Emmanuel Straschnov
@lachlankirkwood Thanks for your hard work on this, it wouldn't have been possible to do this without you
Vivienne Chen
@lachlankirkwood You were instrumental! ✨
Brendan Weinstein
This is a big big improvement over the templates as standalone and the introductory lessons you learn the first time you enter Bubble. A bit more clarity into what you want to build and how to build it. Expect anything less from the Bubble squad? Never. For those that haven't tuned in yet.... @estraschnov was featured on Makerpad podcast today discussing all things Bubble. Great episode EMainnuel, hope to see ya soon!
Vivienne Chen
@estraschnov @bmweinstein Thanks for your feedback! We're working SUPER hard on new educational resources to help people use Bubble (Bootcamps, this series, updating our lessons/manual, tons more) because we really want people to realize how awesome no-code can be!
Levon - Founder @ Zeroqode
Bubble is the most powerful and versatile no-code app development platform and without it we at Zeroqode wouldn't have been able to build 100+ no-code templates, many of which are mentioned in this collection of how-to-build guides. Our entire business is built on Bubble and it allowed us to scale from 0 to 30+ employees in just 4 years without any investment whatsoever. Go Bubble!
Emmanuel Straschnov
@levon377 Thanks for the support, it's been quite a ride indeed over the last 4 years!
Vivienne Chen
@levon377 Go Zeroqode! Your team is integral to the no-code ecosystem and your templates are going to be hugely helpful to beginner builders!
Blaine W Gates
@levon377 I've been subscribed to the Zeroqode courses for a month. I like how the videos explain the process creating an app with a person telling you and showing you how to build the apps. I'm happy that Bubble has created this series, but I still think there is a benefit having someone to explain aspects of the user interface and talking me through the logic behind why we need to take certain steps during development.
Colin Winhall
Timing couldn't have been better! Thanks @cuhpajo for pointing it out. @estraschnov Any info on the Bubble redesign? :-)
Emmanuel Straschnov
@cuhpajo @colinwinhall We're working on it, it's a massive project, so not a matter of weeks, but i hope around summer time we'll be in a good shape to release it
Colin Winhall
@cuhpajo @estraschnov Are we talking northern hemisphere summer time or southern hemisphere? :))
Colin Winhall
@cuhpajo @estraschnov And... any chance of a sneak peak / teaser image? :)
Sharath Kuruganty
What an amazing collection! These tutorials not only help people navigate through the complexity of Bubble but also proves what can be done through the platform! Great work @estraschnov and team. I'm learning bubble by building a simple app called Hot-takes, these tutorials help me get what I want. Thanks for putting so much effort and making them!
Emmanuel Straschnov
@5harath That's awesome! Please share what you've built when you're ready
Vlad Larin
This set of tutorials is addressing a single biggest issue with Bubble - people's healthy skepticism towards the "realness" of this framework (it usually comes across too good to be true, but it is). This will help more people to see the true beauty and power or Bubble, building amazing things from scratch, and using awesome templates to get a headstart 🚀 Kudos to the team of makers, this is awesome 😎
Emmanuel Straschnov
@vlad_larin Thanks, it was indeed quite some work to put that together!
Vivienne Chen
@vlad_larin Thanks Vlad for the kind words! We're also really excited for how this could help people build their ideas without spending excessive time and resources on development. I can't wait to see what people take away from this!
Emmanuel Straschnov
Hello everyone, it's great to be here again since our first launch of Bubble in 2015. And thanks @bentossell for hunting us this time again! While no-code is now more popular than ever, people are still often skeptical that no-code tools can rival the power and depth of custom programming. This How to Build series by Bubble will prove them dead wrong: right now, it includes 20+ in-depth guides on how you can build custom versions of major web apps on Bubble— from Facebook, Twitter, and AirBnB to LinkedIn, Tinder, and Amazon— using Bubble's point-and-click, visual web editor. The posts focus in particular on one of the more important (and interesting!) steps which is the data structure and the data flow. Enabling people to build fully-functional and customizable web apps has been the goal of Bubble from day one, and I hope this series will help illustrate what no-code can do, and help people get up to speed. I'd love to get feedback here and answer questions!
Carlos Marchan
@bentossell @estraschnov Hi Emmanuel. Just looked at the awesome list of how tos. Which one would you say teaches how to structure the database in the best possible way for performance in Bubble?
Emmanuel Straschnov
@bentossell @carlos_marchan We put a lot of effort to make each tutorial great, so any of them would teach how to think about the structure, but if I had to pick one, I'd say the facebook one https://bubble.io/blog/build-fac...
Nathan Windsor
I’ve been a fan of bubble since 2015 when I met Emmanuel. This is a great product and everyone should check it out.
Emmanuel Straschnov
@nathanwindsor Good to see you here!
Shyam Prasad Reddy
I have been using Bubble over a year. I am about to launch my product completely built on Bubble. It wouldn't have been possible without Bubble. For a non-techie like me, Bubble is a lifesaver! Way to go Bubble..!
Emmanuel Straschnov
@shyam_prasad_reddy Thanks for sharing this and for your support. That's exactly why we've been building this for 7 years now.
Joe Brown
This is amazing! My first recommendation for building in Bubble has always been to rebuild Twitter to show them the basics of building a web app in Bubble, and now I can point then straight to these 🥳
Emmanuel Straschnov
@cuhpajo yep exactly :-)
Gauthier Favier
As a designer Bubble was game changer for me. No need for a developer to build my MVP. I can create great product experience quickly. Now I just need to go over my list of side projects and start building.
Emmanuel Straschnov
@g_favier please do, and let us know got it goes!
Vivienne Chen
@g_favier Glad to hear it! I really think designers could stand to gain so much from Bubble!
Kieran Ball
Super excited to check these out. Bubble has genuinely opened up my world and given me opportunities I never though possible. I went from being a non-technical ideas person to having multiple SaaS products built by me from the ground up. Sure, none of them are making much money yet, but it's nice to be at this stage at all. Thank you Emmanuel and team for building such a fantastic product.
Emmanuel Straschnov
@kieranball you’re very welcome. Still a long way to go!
Hekato
That's an amazing ressources ! Thanks a lot ! But I kind of feels like something is missing on some tutorials, like the Netflix one. How would you handle the massive amount of storage needed with Bubble ?
Vivienne Chen
@linford_lof Thanks for the feedback! I'm not the leading expert on the Bubble Team about this, but if you were serious about building that kind of video app there is a dedicated server/enterprise plan with Bubble that some of our clients use.
Emmanuel Straschnov
@linford_lof Right, you can now upload files up to 5GB (as of a couple of weeks ago ;)) https://forum.bubble.io/t/new-fe...
Alex Rodriguez
We are building on bubble. Such a powerful platform. But the biggest hurdle is getting comfortable. Tutorials are hard to find (that aren't expensive). So I'm glad bubble is releasing their own tutorials. One thing that would help with these after skimming them. Attach more images and/or a video to assist with the design. Which would also make it easier to follow along.
Vivienne Chen
@headhanchoarod Thanks Alex! We are definitely working on some major updates to our educational resources (more videos incoming!) so this is just the first step.
Daniel Johnson
Bubble reduces cost, time to build, and time to learn by an order of magnitude! I have created 5+ fully functioning mobile and web apps and have never once looked back! Bubble is more than just a tool it is quickly becoming it’s own industry, lowering the barrier of development, creating thousands of new jobs and companies. Well done @estraschnov and team!
Emmanuel Straschnov
@dnljsn Thank you for sharing this. Posts like this are the best way to evangelize visual programming! We need more public case studies like this!
Shariq Khan
I think I just had a nocodegasm looking at the list of the tutorials! Amazing work, as always, by the Bubble team. Many many congratulations and heartfelt thanks! Also, given the fact that there is not a single negative comment in this post shows how much everyone loves Bubble and the team behind it. @estraschnov @viviennexchen @eve_kozina @lachlankirkwood you and your team deserve every bit of it!!!
Julie Guyard
Bubble sounds great! I use Wix for websites, is this similar - drop & drag? Can I use it to add and expand features to my existing tech-team built apps? and do you have experts ready to do that for me if I don't want to go 100% tech expert free? Thanks, Julie
Emmanuel Straschnov
@newbigbrand It's for web apps, and much more open-ended that Wix, meaning there is a learning curve of a few hours, and you can make mistakes. That's pretty core to our vision: if it's open-ended enough to let you do anything, you'll likely make some mistakes, but it's okay, you can iterate quickly. And yes, the Bubble forum is full of experts that offer consultations, we have bootcamps also to help you get started
Craig Haseler
Seems to have serious stability issues. I was interested in the concept but as soon as I got into the api calls / plugin side of things I was constantly getting non-informative error messages. Plugins for most third party services are (not) maintained by random people rather than the company, so there's no support when they're inevitably broken.
Emmanuel Straschnov
@craig_haseler Sorry you're experiencing this, best is to email support for us to look into this
Ry
Hi Emmanuel. This is great news. Proper tutorials is what I was missing from the beginning, luckily Udemy was there to help. It's also a great marketing move to create tutorials that sort of replicate large known services. I am sure this will help boost the sales further. On a side note, I absolutely love Bubble – it allowed me to build a fantastic app that you guys even decided to feature on your Showcase page. I would have never been this far if I hired a traditional coder. All the best to you guys!
Emmanuel Straschnov
@ry_parken This is so great to hear! Thank you for your support
Alexander Pezzutto
I've been absolutely blown away at home Bubble has sped up our app development- literally 10x the speed, and that's with letting go of our developers and doing it ourselves. Learning included. As for these templates specifically, I checked out the Airbnb one. I'm impressed at how simple they make it seem, but it is leaving out A LOT making it that simple. I guess the idea is to show the core components that make it unique and how to build it. One key frustration on that one is that the payments process is not how airbnb would work. It makes payments instant- but requests have to be approved first and they did not show how to do that with payments (delayed/held authorizations). They just said to make it instant.
Vivienne Chen
@alexander_pezzutto Thanks for your feedback! We're working to add even more depth to the tutorials so your constructive suggestions are definitely important! Grabbing an example of a different payment structure makes sense even if you want to settle the payments instantly upon approval. Appreciate the note!