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.

Add a comment

Replies
Best
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.
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...
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!
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! ✨
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!
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!
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? :)
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 :-)
Nigel Godfrey
Super helpful, thanks !
Emmanuel Straschnov
@nigelgodfrey Very welcome! Thanks for your support all these years!
B Hari
It is awesome . Will accelerate adoption of nocode platforms like !bubble.io
Emmanuel Straschnov
@harsha99 thank you :)
Armand
Lol I'm going to make so many parody and meme sites and apps now.
Vivienne Chen
@armand I'm always trying to invigorate the meme economy so I approve 💯
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!
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!
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.
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.
Qerzha Roots
This is really useful shows you the power of bubble keen to dive in and check out all the tutorials
Emmanuel Straschnov
@khoshnaw101 Yes, the goal here was as much education than it was evangelization. The skepticism around no-code is still around, and showing how far you can go is key to convert people
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...
Paul Huynh
Wow, that's a seriously impressive list of cloned apps! Having done training in the past, I know how much work goes into making these types of tutorials. Kudos to the Bubble tutorial team. And the Bubble leadership team for prioritizing these types of projects.
Vivienne Chen
@digitalmarketbuilders Thanks Paul! It IS a lot of work, and constructive feedback is always appreciated! Our team worked hard to create these, but if there are alternative steps or ideas for building these apps that you spot, don't hesitate to pass along suggestions! We will absolutely credit folks who give strong community contributions to this resource!
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
Keith
The best keeps getting better. Thank you! These clones definitely help when it comes to thinking about your database (i.e. datatypes & fields) and workflows. Thank you so much from a new Bubbler. Now looking forward to that slick new design tab I saw on the forums. ; )