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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 มิ.ย. 2024
  • 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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 53

  • @jeffjcd
    @jeffjcd 2 ปีที่แล้ว

    Always Great Content! Jeff(Your Miami Fan)

  • @donjohnkz
    @donjohnkz 2 ปีที่แล้ว

    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 ..

  • @GigglePaws2
    @GigglePaws2 7 หลายเดือนก่อน

    finnaly i found this helping tutorial for aws amplify

  • @surajali1236
    @surajali1236 3 ปีที่แล้ว +1

    Thank you sir, For your effort it will help everyone like us who are students.
    God bless you.

    • @notjustdev
      @notjustdev  3 ปีที่แล้ว +1

      It's my pleasure

  • @GeraldoLopez
    @GeraldoLopez 3 ปีที่แล้ว +2

    Great job man!!!

    • @notjustdev
      @notjustdev  3 ปีที่แล้ว +2

      Thank you! Cheers!

  • @rudyramkissoon2276
    @rudyramkissoon2276 2 ปีที่แล้ว +2

    Hello I love the tutorial. I have a question.
    1. How can I download the full source code?

  • @QueroAlmofadas
    @QueroAlmofadas 2 ปีที่แล้ว +1

    Gosto demais dos seus vídeos fico contando os minutos para assistir novo vídeo

  • @HunterZoy
    @HunterZoy 3 ปีที่แล้ว

    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 ?

  • @iFranzOSX
    @iFranzOSX 3 ปีที่แล้ว +1

    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

    • @notjustdev
      @notjustdev  3 ปีที่แล้ว

      Yes. YOu can design the UI yourself, and call some functions provided by Auth module (such as signIn, signUp, etc.)

  • @seanknowles9985
    @seanknowles9985 ปีที่แล้ว

    Would love to see a CDK project properly linked with Amplify.

  • @geneartista9714
    @geneartista9714 2 ปีที่แล้ว +1

    sir how about the download (download, pause, resume) part using expo file system

  • @montassarelkamel7564
    @montassarelkamel7564 3 ปีที่แล้ว +1

    Can you do an e-scooter rental app like bird or Lime clone ?

  • @nikhil7053
    @nikhil7053 3 ปีที่แล้ว

    nice bro waiting for your next one,plz add credit card and debit card or stripe

  • @michael-shakaikhanoba9810
    @michael-shakaikhanoba9810 3 ปีที่แล้ว +1

    Thank you sir

  • @fyzmuhammed4504
    @fyzmuhammed4504 2 ปีที่แล้ว

    Bro then we can see the listed movies ?
    Using our own projects?

  • @ahmadazharbinatalib7303
    @ahmadazharbinatalib7303 3 ปีที่แล้ว

    Yes sir..very good info..thankyou very2 much all team bisnes online F B..

  • @shivamdubey4783
    @shivamdubey4783 ปีที่แล้ว

    one question how can we use reccomendation system in react native

  • @okeyshourovroy2769
    @okeyshourovroy2769 3 ปีที่แล้ว

    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.

    • @notjustdev
      @notjustdev  3 ปีที่แล้ว

      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.

    • @okeyshourovroy2769
      @okeyshourovroy2769 3 ปีที่แล้ว

      @@notjustdev thank you for your reply. I hope you will try to cover it in nodejs mongodb expressjs and react native series without aws. 😀

  • @prasad3673
    @prasad3673 3 ปีที่แล้ว

    How to do LongPressEvent Hardware Back button to exit the app

  • @filemon81
    @filemon81 2 ปีที่แล้ว

    BOA valeu mesmo!

  • @ahmadazharbinatalib7303
    @ahmadazharbinatalib7303 3 ปีที่แล้ว +1

    Ok..thankyou sir and all frient compeny...

  • @blower2006
    @blower2006 ปีที่แล้ว

    why do you guys have a color grading panel??

  • @aldencarcamo5944
    @aldencarcamo5944 3 ปีที่แล้ว

    Good morning bro

  • @bhavikbhavsar
    @bhavikbhavsar 3 ปีที่แล้ว +1

    will this also work with android tv .. do we have any specific setting that can be added for it to work

  • @ionicamarian352
    @ionicamarian352 3 ปีที่แล้ว

    Where are you from bro?

  • @NamLe-sl4qy
    @NamLe-sl4qy ปีที่แล้ว

    Your GraphQL Schema is using "@connection", "@key" directives from an older version of the GraphQL Transformer

  • @kunkugouthamkrishna9088
    @kunkugouthamkrishna9088 3 ปีที่แล้ว

    Amazing stuff you got there man !!! Can you build a real world game or something like that next?

  • @michael-shakaikhanoba9810
    @michael-shakaikhanoba9810 3 ปีที่แล้ว +2

    Downloads profile with recently watched

  • @panizfarahi9023
    @panizfarahi9023 11 หลายเดือนก่อน

    LOL

  • @MaCCabOOi92
    @MaCCabOOi92 2 ปีที่แล้ว

    Äpple sallad ppp9pppppp

  • @gyawimovement9164
    @gyawimovement9164 3 ปีที่แล้ว

    The harsh taxi pragmatically bake because transmission sporadically battle beneath a tall swordfish. tricky, dirty impulse

  • @notjustdev
    @notjustdev  3 ปีที่แล้ว +8

    🎒 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/

    • @kiencuong7363
      @kiencuong7363 3 ปีที่แล้ว +2

      @KING Lvl999 夢 pllu ư,

    • @martmyamnusaibah2499
      @martmyamnusaibah2499 3 ปีที่แล้ว

      @KING Lvl999 夢 eyf

    • @Stus777
      @Stus777 3 ปีที่แล้ว

      @KING Lvl999 夢 в том

    • @Stus777
      @Stus777 3 ปีที่แล้ว

      9

    • @Stus777
      @Stus777 3 ปีที่แล้ว

      @KING Lvl999 夢
      Про