Deploying A React App To Docker | Become A React Pro

Ғылым және технология

🌟 Hostinger - hostinger.com/pedrotech
Use the code PEDROTECH to save 10% on premium VPS shared hosting and get up to 91% off on all yearly hosting plans.
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
0:00 | Intro
00:56 | What is Docker? Why do we use it?
02:34 | What is Docker Image?
03:51 | Docker Application Overview
05:15 | Creating the Docker file
09:09 | Run the Docker Application
13:23 | Run React using the Image
16:00 | Hostinger
16:29 | Hostinger's VPS Plan
19:54 | Setting up Hostinger VPS
#reactjs #coding

Пікірлер: 55

  • @PedroTechnologies
    @PedroTechnologies2 ай бұрын

    🌟 Hostinger - hostinger.com/pedrotech Use the code PEDROTECH to save 10% on premium VPS shared hosting and get up to 91% off on all yearly hosting plans.

  • @Benthetech-qn2lf

    @Benthetech-qn2lf

    2 ай бұрын

    please pedro the suggestion in your terminal how did you config it please?

  • @vigneshm8955
    @vigneshm89552 ай бұрын

    Can you do a complete tutorial on docker

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    "Learn Docker in 1 hour" Coming soon :)

  • @kajolroy9970

    @kajolroy9970

    2 ай бұрын

    with cicd pipeline ⚡⚡@@PedroTechnologies

  • @skyhappy

    @skyhappy

    2 ай бұрын

    There are also so many tutorials....why make one more? If you can make a better one, how will yours be better? Might be worth just directing people to a good one you found after 30 mins of research than spending 5 hours to make another vid.

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    @@skyhappy I mean, you can technically say that about all my videos. I am not sure why people prefer my videos, but I feel like we all learn differently. Maybe my brain is more aligned with my audience, so they understand my explanations quickly. What i always do though, is that I always watch other peoples content on what I am recording, and i make sure I fill in the gaps that they forgot.

  • @skyhappy

    @skyhappy

    2 ай бұрын

    @@PedroTechnologies regarding looking at other people's videos, it's good to hear you do that. Looking up in youtube a topic to learn is mentally taxing. There are so many videos. It's cumbersome even though I am very good at researching identifying the good ones. You are one of them, your teaching style is hands on and practical. You are clear and easy to understand based on the react playlist of yours I watched. It's be nice if all creators would hold back more from making another video by doing research on existing videos. There are so many bad ones out there

  • @Jeridi
    @Jeridi2 ай бұрын

    Finally, Pedro talked about 🐳 Docker. Thanks! 🙌

  • @user-nf1ww4iq8g
    @user-nf1ww4iq8g2 ай бұрын

    OMG you again?? I really need to learn docker skill and your video is here just in time 🥰

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Hope you enjoy it!

  • @jcdock
    @jcdock21 күн бұрын

    I swear everytime I search for anything to do with react I always end up on your videos. Thanks for all your work!

  • @fatimaarshad8100
    @fatimaarshad81002 ай бұрын

    Perfect! I really needed this Docker video. Thank you :)

  • @sadique_x_
    @sadique_x_2 ай бұрын

    rooting for your 200k Pedro!

  • @muhammedmeshal6133
    @muhammedmeshal61332 ай бұрын

    Man you are awesome, expecting more from you keep up your good work bro ❤❤

  • @rayusaki88
    @rayusaki882 ай бұрын

    Thank you PedroTech 🙌🏻🙌🏻

  • @alexdin1565
    @alexdin15652 ай бұрын

    Hi Pedro please if you can complete the tutorial how we can add our domain name ? if we can host multiple websites with different domains in same server guys, please if you agree like my comment

  • @BenChikh88

    @BenChikh88

    2 ай бұрын

    +1

  • @tomahocbc963

    @tomahocbc963

    2 ай бұрын

    agree

  • @geektom8898

    @geektom8898

    2 ай бұрын

    yes how we host many docker in one vps

  • @piotrszymanski8325

    @piotrszymanski8325

    2 ай бұрын

    +1

  • @jneves8827
    @jneves8827Ай бұрын

    Thanks, Obrigado, Pedro pelo vídeo!!

  • @olamas92
    @olamas922 ай бұрын

    Pedro thanks for this tutorial 🎉🥳. I'm also a fun of hostinger I have been using their shared hosting for most of my projects in php for years now. I recently started using react for my projects and I was worry I have to leave hostinger to other server's. So as I said I recently started using react in my projects, I have been following most of your tutorials and mostly u have the "client" folder and the "server" folder. That is what I have also been doing with my database connected to mysql database. Please can u do a follow up tutorials on deploying such project and it's database on hostinger. Thanks a lot 🙏...

  • @jainulpatel
    @jainulpatel2 ай бұрын

    So good explanation ❤

  • @webdeveloper2769
    @webdeveloper27692 ай бұрын

    Thank you sharing great knowledge with us, anyway please do some videos with ci/cd github actions

  • @Venom-hb6mb
    @Venom-hb6mbАй бұрын

    What color themes do you have in vscode here?

  • @abdirahmanabdullahi5471
    @abdirahmanabdullahi54712 ай бұрын

    Is there a way to create docker image for existing postgres database with its data? I have spring boot application that works with postgres. I want to create an image using with using docker compose file.

  • @abdirahmanabdullahi5471
    @abdirahmanabdullahi54712 ай бұрын

    Hi How do you import data from database? For example, instead of using official postgres docker image, can you use create docker image with its data? How would I do it if I have my docker compose file as this: services: psql-db: image: postgres container_name: psql-db restart: always environment: - POSTGRES_USER=admin - POSTGRES_PASSWORD=1234 - POSTGRES_DB=recipe ports: - '5432:5432'

  • @victorkadiata1249
    @victorkadiata12492 ай бұрын

    Is it possible skip the node_modules folder with the scp command, to avoid a long uploading process?

  • @tomasburian6550
    @tomasburian655021 күн бұрын

    So I can put my apps on Hostinger, even those that have a node.js backend? I'd need some place where I can deploy full stack apps. Also, do they host domain names? I'm looking for a place where I can put my websites and that can provide me with https protocol.

  • @shadz-dev
    @shadz-dev2 ай бұрын

    Please create a video on deploying nextjs project on hostinger with a custom domain

  • @waleedsharif618
    @waleedsharif6182 ай бұрын

    They wont update create react app anymore nor its production ready anymore, right ?

  • @Solohd12
    @Solohd122 ай бұрын

    Thanks bro❤

  • @Benthetech-qn2lf
    @Benthetech-qn2lf2 ай бұрын

    If I watch 5millions Video I'll still come back to yours even if it's old broooooooo you're awesome I love you so much I don't have money I would have give you lol 😂 😂

  • @VarunDeva23
    @VarunDeva232 ай бұрын

    This is for dev purpose Do a tutorial for production build process using docker

  • @cyeg12c
    @cyeg12c2 ай бұрын

    Hey man, I have a small question in Dockerfile. Is this how to do in production. Don't we have to build and serve with nginx.?

  • @zainulkhan8381

    @zainulkhan8381

    2 ай бұрын

    Nginx is a server used to host your Node.js application. You'll need to buy a VPS and set it up as mentioned before. However, in this video, he used Hostinger, which handles things behind the scenes, so you don't have to worry much about configuration. And about production env it depends upon your personal choice whether you purchase your own server or take a shared hosting and all, it's completely your choice how much you want to scale your app

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Great response @zainulkhan8381, I prefer to use hostinger tbh (saying this out of my scope of being sponsored by them), it just makes things way easier. But if you want to handle it on your own, you can do it as well :) It is all about opportunity cost, I find the cost of having to handle it myself high!

  • @zainulkhan8381

    @zainulkhan8381

    2 ай бұрын

    @@PedroTechnologies I know Pedro you are not promoting or anything my response was just to give him a little idea about how we can host our apps preferring our use case and traffic. I too have hosted my websites on firebase, herouku and digital ocean. My intention was solely to give him an insight. Please don't take my response in the wrong way you are one of the tutors I admire the most I have been following you for the past 2 years and have learnt react from your tutorials only. Deep respect for you 🙌

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Noo loll I didn't think you were promoting anything hahaha I meant to say I was not promoting hostinger because of the sponsorship. You are good, i liked your response :)

  • @zainulkhan8381

    @zainulkhan8381

    2 ай бұрын

    @@PedroTechnologies Thanks 😅 your complement means a lot to me🙏

  • @godofwar8262
    @godofwar82622 ай бұрын

    Bro please can you start backend development from scratch and latest paid or free both will do

  • @ZiaCodes
    @ZiaCodes2 ай бұрын

    Why is Docker Image 600 MB?

  • @mxveesh

    @mxveesh

    2 ай бұрын

    600 MB is alright for a docker image since it uses a base image (the environment that your project runs on) which has it's own size. One of my python project image was 5gb in size lol

  • @LarsRyeJeppesen
    @LarsRyeJeppesen2 ай бұрын

    Pedro Tech = I only know React

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    I'm currently working more as an IOS/backend engineer :) But React is what my channel is, if I make videos on other topics the algorithm doesn't promote it :/

  • @mxveesh
    @mxveesh2 ай бұрын

    Hey Pedro, at 26:53 there's a notification at the top right corner which exposes a phone number that you forgot to censor.

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Woahh thank you!! Just added a blur to that! I appreciate it :)

  • @mxveesh

    @mxveesh

    2 ай бұрын

    @@PedroTechnologies no worries! Cheers for the content you make 🍻

  • @maxmaul-pr2og
    @maxmaul-pr2og13 күн бұрын

    kkkkkkkkk mano brazuca descobre na hora brasileiro falando ingles tava desconfiado até ver o nome kkk

  • @johnadepelumi93
    @johnadepelumi932 ай бұрын

    second, I guess

  • @zainulkhan8381
    @zainulkhan83812 ай бұрын

    Ok Guys Third

  • @PedroTechnologies

    @PedroTechnologies

    2 ай бұрын

    Loll

  • @pixelbulb993
    @pixelbulb9932 ай бұрын

    First

Келесі