Deploying A React App To Docker | Become A React Pro
HTML-код
- Опубликовано: 2 июн 2024
- 🌟 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 
Наука
🌟 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.
please pedro the suggestion in your terminal how did you config it please?
Finally, Pedro talked about 🐳 Docker. Thanks! 🙌
Can you do a complete tutorial on docker
"Learn Docker in 1 hour" Coming soon :)
with cicd pipeline ⚡⚡@@PedroTechnologies
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.
@@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.
@@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
OMG you again?? I really need to learn docker skill and your video is here just in time 🥰
Hope you enjoy it!
Perfect! I really needed this Docker video. Thank you :)
rooting for your 200k Pedro!
Man you are awesome, expecting more from you keep up your good work bro ❤❤
I swear everytime I search for anything to do with react I always end up on your videos. Thanks for all your work!
Thank you PedroTech 🙌🏻🙌🏻
Thanks, Obrigado, Pedro pelo vídeo!!
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
+1
agree
yes how we host many docker in one vps
+1
So good explanation ❤
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 🙏...
Thank you sharing great knowledge with us, anyway please do some videos with ci/cd github actions
Is it possible skip the node_modules folder with the scp command, to avoid a long uploading process?
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.
Please create a video on deploying nextjs project on hostinger with a custom domain
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.
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'
They wont update create react app anymore nor its production ready anymore, right ?
What color themes do you have in vscode here?
Thanks bro❤
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.?
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
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!
@@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 🙌
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 :)
@@PedroTechnologies Thanks 😅 your complement means a lot to me🙏
This is for dev purpose
Do a tutorial for production build process using docker
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 😂 😂
Hey Pedro, at 26:53 there's a notification at the top right corner which exposes a phone number that you forgot to censor.
Woahh thank you!! Just added a blur to that! I appreciate it :)
@@PedroTechnologies no worries! Cheers for the content you make 🍻
Bro please can you start backend development from scratch and latest paid or free both will do
Pedro Tech = I only know React
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 :/
kkkkkkkkk mano brazuca descobre na hora brasileiro falando ingles tava desconfiado até ver o nome kkk
Why is Docker Image 600 MB?
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
second, I guess
Ok Guys Third
Loll
First