🔴 Netflix Backend in React Native & AWS Amplify (Tutorial for Beginners)

2024 ж. 11 Мам.
145 197 Рет қаралды

Let's build Netflix mobile app from scratch using React Native and AWS Amplify (beginner friendly)
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
This is a great and fun opportunity to learn and practice hybrid mobile development with React Native and AWS Amplify for everybody, from beginners to professionals. Let's learn together 📖💡
🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation):
assets.notjust.dev/netflix
👇 Install Expo to follow along. This video is sponsored by Expo
bit.ly/expo-vadim
🐱‍💻 Source code
github.com/Savinvadim1312/Net...
💬 Join the notJust Development gang and let's build together
/ discord
Tag me on social media when you finish this build, and I will give you feedback on your project.
LinkedIn: / vadimsavin
IG: / vadimsavin0
Twitter: / savinvadim_
Timecodes:
00:00 Intro
05:48 Prerequisites
10:00 Init the Expo project
14:30 Setup Bottom Tab Navigator
34:23 Home Screen: Render Movie Poster Image
51:50 Home Screen: Render a list of movies (FlatList)
1:00:00 Home Category Component
1:20:30 Movie Details Screen
2:10:31 Episode component
2:28:38 Render the list of episodes
2:34:49 Season Dropdown Picker
2:51:06 Video Player
3:42:01 Q&A
#VadimSavin #notjustdev #notJustDevelopment

Пікірлер
  • Always Great Content! Jeff(Your Miami Fan)

    @jeffjcd@jeffjcd2 жыл бұрын
  • finnaly i found this helping tutorial for aws amplify

    @Thestorryteller2@Thestorryteller26 ай бұрын
  • Thank you sir, For your effort it will help everyone like us who are students. God bless you.

    @surajali1236@surajali12363 жыл бұрын
    • It's my pleasure

      @notjustdev@notjustdev3 жыл бұрын
  • Hellow from Brazil !!! Thanks for the content, a question: How would it be to do this with only javascript? having typescript seems to be very confusing, especially in a project that was initially created with javascript, I don't have much experience with typescript ..

    @donjohnkz@donjohnkz2 жыл бұрын
  • Gosto demais dos seus vídeos fico contando os minutos para assistir novo vídeo

    @QueroAlmofadas@QueroAlmofadas2 жыл бұрын
  • 1:52:09 Aren't we losing the benefits of using GraphQL instead of a REST API ? I mean, thanks to the connection directive, we were supposed to get the movies when querying a category ? Or i'm misunderstanding something ?

    @HunterZoy@HunterZoy3 жыл бұрын
  • Great job man!!!

    @GeraldoLopez@GeraldoLopez3 жыл бұрын
    • Thank you! Cheers!

      @notjustdev@notjustdev3 жыл бұрын
  • sir how about the download (download, pause, resume) part using expo file system

    @geneartista9714@geneartista97142 жыл бұрын
  • Hello I love the tutorial. I have a question. 1. How can I download the full source code?

    @rudyramkissoon2276@rudyramkissoon22762 жыл бұрын
  • Can you do an e-scooter rental app like bird or Lime clone ?

    @montassarelkamel7564@montassarelkamel75643 жыл бұрын
  • Hello, thank you so much for the great content. Quick Question is there a way to change the design of the aws login screen?. Thanks

    @iFranzOSX@iFranzOSX3 жыл бұрын
    • Yes. YOu can design the UI yourself, and call some functions provided by Auth module (such as signIn, signUp, etc.)

      @notjustdev@notjustdev3 жыл бұрын
  • Bro then we can see the listed movies ? Using our own projects?

    @fyzmuhammed4504@fyzmuhammed45042 жыл бұрын
  • BOA valeu mesmo!

    @filemon81@filemon812 жыл бұрын
  • Would love to see a CDK project properly linked with Amplify.

    @seanknowles9985@seanknowles998511 ай бұрын
  • nice bro waiting for your next one,plz add credit card and debit card or stripe

    @nikhil7053@nikhil70533 жыл бұрын
  • Thank you sir

    @michael-shakaikhanoba9810@michael-shakaikhanoba98103 жыл бұрын
    • Downloads styling for both android and ios

      @michael-shakaikhanoba9810@michael-shakaikhanoba98103 жыл бұрын
  • How to do LongPressEvent Hardware Back button to exit the app

    @prasad3673@prasad36733 жыл бұрын
  • one question how can we use reccomendation system in react native

    @shivamdubey4783@shivamdubey4783 Жыл бұрын
  • will this also work with android tv .. do we have any specific setting that can be added for it to work

    @bhavikbhavsar@bhavikbhavsar3 жыл бұрын
  • I have a question. If we use aws video on deman to provide private videos like Netflix, so if we protect the video content from downloading or prevent watch to them who are not in subscription. So we need to assign a ip or domain maybe to tell aws, connect with only this ip or domain. So in this case how we can use the same thing in react native? Like in web ReactJs which has a domain but what about the react native. Hope you will answer this. Thanks in advance.

    @okeyshourovroy2769@okeyshourovroy27693 жыл бұрын
    • In this case you can limit access not based on ip, but based on identities wich are assigned to users when they sign up to your application with cognito. You can limit access to some content only to users that are part of one group (pro users), so only they can read from that bucket. Furthermore, you can create an admin group, and give access to only this group to add content in that bucket.

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev thank you for your reply. I hope you will try to cover it in nodejs mongodb expressjs and react native series without aws. 😀

      @okeyshourovroy2769@okeyshourovroy27693 жыл бұрын
  • Yes sir..very good info..thankyou very2 much all team bisnes online F B..

    @ahmadazharbinatalib7303@ahmadazharbinatalib73033 жыл бұрын
  • Ok..thankyou sir and all frient compeny...

    @ahmadazharbinatalib7303@ahmadazharbinatalib73033 жыл бұрын
  • why do you guys have a color grading panel??

    @blower2006@blower200611 ай бұрын
  • Where are you from bro?

    @ionicamarian352@ionicamarian3522 жыл бұрын
  • Amazing stuff you got there man !!! Can you build a real world game or something like that next?

    @kunkugouthamkrishna9088@kunkugouthamkrishna90883 жыл бұрын
  • Your GraphQL Schema is using "@connection", "@key" directives from an older version of the GraphQL Transformer

    @NamLe-sl4qy@NamLe-sl4qy Жыл бұрын
  • Good morning bro

    @aldencarcamo5944@aldencarcamo59443 жыл бұрын
  • Downloads profile with recently watched

    @michael-shakaikhanoba9810@michael-shakaikhanoba98103 жыл бұрын
  • LOL

    @panizfarahi9023@panizfarahi902310 ай бұрын
  • Äpple sallad ppp9pppppp

    @MaCCabOOi92@MaCCabOOi922 жыл бұрын
  • The harsh taxi pragmatically bake because transmission sporadically battle beneath a tall swordfish. tricky, dirty impulse

    @gyawimovement9164@gyawimovement91643 жыл бұрын
  • 🎒 Download the Asset Bundle: assets.notjust.dev/netflix 👇 Install Expo to follow along. This video is sponsored by Expo: bit.ly/expo-vadim 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/

    @notjustdev@notjustdev3 жыл бұрын
    • @KING Lvl999 夢 pllu ư,

      @kiencuong7363@kiencuong73633 жыл бұрын
    • @KING Lvl999 夢 eyf

      @martmyamnusaibah2499@martmyamnusaibah24993 жыл бұрын
    • @KING Lvl999 夢 в том

      @Stus777@Stus7773 жыл бұрын
    • 9

      @Stus777@Stus7773 жыл бұрын
    • @KING Lvl999 夢 Про

      @Stus777@Stus7773 жыл бұрын
KZhead