Deploying A React App To Docker | Become A React Pro

[@PedroTechnologies]

🌟 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]

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

[@윤재희-m6k]

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

[@PedroTechnologies]

Hope you enjoy it!

[@Jeridi]

Finally, Pedro talked about 🐳 Docker. Thanks! 🙌

[@jcdock]

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

[@vigneshm8955]

Can you do a complete tutorial on docker

[@PedroTechnologies]

"Learn Docker in 1 hour" Coming soon :)

[@kajolroy9970]

with cicd pipeline ⚡⚡@@PedroTechnologies

[@skyhappy]

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]

@@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]

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

[@sadique_x_]

rooting for your 200k Pedro!

[@fatimaarshad8100]

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

[@muhammedmeshal6133]

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

[@olamas92]

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

[@alexdin1565]

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]

+1

[@tomahocbc963]

agree

[@geektom8898]

yes how we host many docker in one vps

[@piotrszymanski8325]

+1

[@tuku_mann]

You are just the best What a complete tutorial!

[@PedroTechnologies]

Glad you found it helpful!

[@rayusaki88]

Thank you PedroTech 🙌🏻🙌🏻

[@Benthetech-qn2lf]

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

[@waleedsharif618]

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

[@jainulpatel]

So good explanation ❤

[@shadz-dev]

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

[@mxveesh]

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]

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

[@mxveesh]

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

[@webdeveloper2769]

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

[@JDevCode]

Thanks, Obrigado, Pedro pelo vídeo!!

[@mishen-thakshana]

How your terminal gets auto completed?

[@PedroTechnologies]

fig.io i think

[@VarunDeva23]

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

[@tomasburian6550]

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.

[@abdirahmanabdullahi5471]

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.

[@Venom-hb6mb]

What color themes do you have in vscode here?

[@abdirahmanabdullahi5471]

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'

[@Solohd12]

Thanks bro❤

[@godofwar8262]

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

[@victorkadiata]

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

[@Giiven_Siisanda]

put them in the docker ignore file

[@cyeg12c]

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]

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]

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]

@@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]

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]

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

[@softlogx]

i have tow folder in my react app client and server , how to deply server on docker any body plz guide.

[@ziacodes]

Why is Docker Image 600 MB?

[@mxveesh]

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

[@technovikingnik]

He forgot to do image build optimization.. He got node modules and all other files that are not needed. You should build react project and serve as static files..

[@maxmaul-pr2og]

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

[@LarsRyeJeppesen]

Pedro Tech = I only know React

[@PedroTechnologies]

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

[@zainulkhan8381]

Ok Guys Third

[@PedroTechnologies]

Loll

[@stackash]

First

[@johnadepelumi93]

second, I guess