How To Build A Netflix Clone With No-Code Using Bubble (2024 Flexbox)

Подписаться 22 тыс.

Просмотров 13 тыс.

50% 1

In this video, you’ll learn how to build a video streaming app - just like Netflix - all without having to write a single line of code 🤯
Utilizing Bubble.io’s no-code platform, it explains the exact design and workflows you’ll need to replicate.
✍️ You can access the working Notion doc and create a duplicate from this template: lachlan-kirkwood.notion.site/...
🖼️ Access the image assets used in this tutorial here: drive.google.com/drive/folder...
💸 Full Stripe subscription tutorial here: • How to Add & Manage St...
---
🚀 Interested in the full course? 🚀
Ready to save months having to build your app from scratch? If you'd like to uncover the full tutorial, you can purchase the complete course here: buildingwithbubble.com/how-to...
🔥 The full course covers: 🔥
1. Getting started with Bubble
2. Setting up your own custom database
3. Registering user accounts
4. Processing subscription payments
5. Building a login feature
6. Designing the Netflix home page from scratch
7. Building a navigation menu
8. Making the navigation menu responsive on mobile
9. Creating a user settings page
10. Building an admin dashboard to manage content
11. Creating & uploading a movie
12. Creating & uploading a TV series
13. Editing an existing movie/TV show
14. Building a popup to preview a movie/TV show
15. Building a custom search feature
16. Displaying all movies & TV shows in a library
17. Bookmarking content to a saved list
18. Building a video streaming feature
19. Additional tips & insights to help on your Bubble journey
---
👨‍💻 About me 👨‍💻
In 2020, I worked directly with the Bubble team to write their 'How-to build' blog series. Each installment shared written instructions on how to recreate popular products using their no-code tool. To simplify the building process, I've created my own video series to help guide you in a more engaging way.
Note: This video series has no direct affiliation with Bubble itself. This is something I've created on my own.
---
⏱ Timeline ⏱
00:00 - Netflix clone product demo
02:59 - Course overview
04:31 - Setting up your database
41:01 - Registering user accounts
1:12:29 - Processing subscription payments
1:36:47 - Designing the Netflix home page
2:27:44 - Building an admin dashboard
2:55:57 - Uploading a movie
3:50:50 - Finishing up

Наука

Опубликовано:

9 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 65

@WalkUsThrough 8 месяцев назад

Thanks Lachlan! I have been waiting for this for so long! This is phenomenal! Really, really appreciate you!💕

@BuildingWithBubble 8 месяцев назад

It was a long time coming! And I'm always happy to help 😎

@gallezmlaure 3 месяца назад

This tutorial is incredible. Super clear, complete and straight to the point. Thank you so much for your work !

@BuildingWithBubble 3 месяца назад

Always glad it can help 🙏 I remember what it was like trying to learn Bubble in the beginning myself. I try to create the tutorials I wish I had when I first started!

@aron72356 8 месяцев назад

Thank you so much Lachlan. Your teaching style is straightforward and easy to follow. Greatly appreciated!

@BuildingWithBubble 8 месяцев назад

My pleasure! This means the world to me 🙏

@ghvghvhbhjb1943 6 месяцев назад

@@BuildingWithBubble hey there. i followed your videi all to the end, but at the end i face an issue. i was unable to see profile-type option when adding a workflow and not even when i wanted to change the user's profile type. if you see this, please reply me back

@kipyegonkurgat5615 7 месяцев назад

From Kenya here, Learned a lot thank you, Mr. Kirkwood.

@BuildingWithBubble 7 месяцев назад

Awesome to hear it could help ✌

@hardyfawei9673 8 месяцев назад

Thank you once again bro

@BuildingWithBubble 8 месяцев назад

My pleasure 🙌

@anujagrawal1875 8 месяцев назад

Thanks for sharing🎉🎉. Being a solely code based developer, I appreciate how bubble:) is really great for MVPs . I am building from last one year & hybrid approach between code & nocode is helping me a lot. One more template created ❤❤ in my portfolio!!!

@BuildingWithBubble 8 месяцев назад

Awesome to hear how Bubble's helped along the way! With a combination of both code and Bubble, the possibilities are endless!

@Integramarketing_ Месяц назад

I don't know how to build app with seasons, can you teaching that?

@omarahmed44684 5 месяцев назад

Unbelievable great

@BuildingWithBubble 5 месяцев назад

Appreciate it 🙏

@user-nn9qw4zk1t 6 месяцев назад

How can build tv. App

@ztipster 6 месяцев назад

35:31 if "movie content" type has more than one filed then movie-file field will be set to file type ?

@BuildingWithBubble 6 месяцев назад

Yes, the movie-file field should be a file type 👌

@ztipster 6 месяцев назад

In 2:5 is there a way to do search in db with OR condition?

@BuildingWithBubble 6 месяцев назад

Are you familiar with the feature in Bubble know as merging data sources? This is one way to do a search with OR constraints in Bubble. I'd recommend checking out the community forum to learn more about 'merged with'. Hope this helps point you in the right directioN!

@ztipster 6 месяцев назад

3:39 what I can do when upload movie failed , content state will also lost ? In this case now I try to upload again file to this specific content?

@BuildingWithBubble 6 месяцев назад

Great question. If a file fails to upload, you'll need to make changes to the data field where you're storing the movie file. Within this field, you can reset the value by uploading your file again. Hope this helps!

@ztipster 6 месяцев назад

@@BuildingWithBubble sorry don't understand, is there a way to find if upload failed or not ?

@demigodhair 7 месяцев назад

Is it copyright issues with uploading movies?

@BuildingWithBubble 7 месяцев назад

Like any platform, you'll need to have permission to use any copyrighted content.

@JonoAGL 7 месяцев назад

Awesome stuff Lachlan. How do you prevent non-registered users from seeing content through a copied link for example? Is that covered in your full course?

@BuildingWithBubble 7 месяцев назад

Great question! And yes, that's covered within the full course 👌

@leanprogrammer 7 месяцев назад

Hi, just a quick one : What's the difference between the videos that you have on RU-vid and the ones in your courses on the website?

@BuildingWithBubble 7 месяцев назад

Good question! All of the courses that I publish are 7-10hrs in length. Whenever I publish a full course, I share the first few hours on RU-vid for as a free video. This gives students a good idea of exactly what we're building. My teaching style also isn't for everyone, so by sharing the free version fo each course, it helps people decide if I'm a good fit for their goals. Hope this helps!

@leanprogrammer 7 месяцев назад

@@BuildingWithBubble yeah super helpful, thanks!

@svbizgirl 6 месяцев назад

This is by far the most amazing tutorial. I am thinking to purchase all access. Do you provide support in case of encountering issues?

@BuildingWithBubble 6 месяцев назад

Glad it could help! And if you check out the pricing page on my website, you'll see I offer a dedicated version of the all-access bundle that includes customer support. You can check it out here: buildingwithbubble.com/pricing

@harikiranvusirikala4214 2 месяца назад

At 1:33:44 email is test2, but at 1:33:55 it's showing as test. Can this be fixed?

@BuildingWithBubble 2 месяца назад

Yes. This isn't am error, I simply just created multiple test accounts throughout the process of previewing my app. For example, I just have an account called test@gmail.com, then as you saw, I created a new account called test2@gmail.com When I ran a preview of the app at 1:33:55, I was just logged in as the first account. I hope this helps make sense.

@user-nn9qw4zk1t 5 месяцев назад

Are can I build TV app cross platform Apple TV ,amazon TV ,Roku TV

@BuildingWithBubble 5 месяцев назад

Unfortunately, I'm under the impression Bubble apps wouldn't be able to be published across those platforms.

@ahmedramyramadan2289 3 месяца назад

what is the difference what`s explained in this video and what`s included in the paid full course ?

@BuildingWithBubble 3 месяца назад

Great question! Whenever I create a full course (typically 10hrs long), I’ll share the first few hours for free as a RU-vid video. This allows students to not only get a clear idea of the product we’re building, but also allows them to determine if my teaching style is right for them. The full course on my website will teach you how to build the entire app. Always here if you have any other questions!

@ztipster 6 месяцев назад

how to find bubble jobs ? Tried Upwork but nothing from there

@BuildingWithBubble 6 месяцев назад

I'd recommend checking out my freelancing masterclass. It has a dedicated section that covers this in full detail: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ew8bNOsMmW4.html

@ztipster 6 месяцев назад

@@BuildingWithBubble thanks alot , most clients refuse to hire someone from Africa

@_brian_kiptoo 8 месяцев назад

Do custom states retrieve data from databases?

@BuildingWithBubble 8 месяцев назад

They don't. This is one of the main features of custom states (that you can temporarily store data without needing to retrieve data from the database). If you're looking to retrieve data from your database, you're best off creating that data as a new entry in the database itself.

@_brian_kiptoo 8 месяцев назад

thaks alot ....and do many pages affect your app?

@peterdouglasross7217 7 месяцев назад

Thanks as always! Around 2h46 you give the data source to the red group from the "current cell". What counts as a cell in Bubble? Is this only a RG thing? It's a little uncler to a newb like me ;)

@BuildingWithBubble 7 месяцев назад

Great question! Yes, a cell is only something you'll ever see when working with repeating groups. If a repeating group displays 10 items, it will show 10 things. Each thing will be displayed as its own 'cell'. These are the rows you see within a repeating group. The 'current cell' just means it'll dynamically reference whatever content is displayed within its relevant row. For example, the 3rd in your data base (that's being referenced in your data source) will be displayed in cell #3. Hope this helps clarify!

@peterdouglasross7217 6 месяцев назад

Yes that's perfect thank you!!!@@BuildingWithBubble

@peterdouglasross7217 6 месяцев назад

Btw the google file with the image assets is sooo amazing!!! :)

@BuildingWithBubble 6 месяцев назад

@@peterdouglasross7217 Glad it could help! I thought it'd at least save everyone some time 👍