Це відео не доступне.
Перепрошуємо.
Deploying Full Stack App onto Ubuntu/AWS: Postgres, Express, React, Node + SSL Let's Encrypt
Вставка
- Опубліковано 15 сер 2024
- In this video I'm going I'll cover how to deploy a full stack app onto an Ubuntu VM running on AWS. We'll be deploying an app that runs on the Pern stack(postgres, express, React, node). The example project that will be deployed will be the one that is covered in the following tutorial:
• PERN Stack Mega Course...
We will be using Nginx to serve our app and make use of Let's encrypt for SSL.
Git Repo:
github.com/San...
Subscribe to my Channel:
/ @sanjeevthiyagarajan
/ sanjeev_tea
/ sanjeev_tea
Timestamps:
00:00 intro
07:59 Code modification
14:35 Deploy EC2 Instance
18:22 SSH to EC2 Instance
20:27 Install Postgres
32:00 Cloning Postgres database
40:39 Cloning git Repo
42:43 Install Node & PM2
52:27 Build React App
54:07 Install Nginx
55:15 Configure Nginx
01:14:38 Registering Domain
01:19:08 Setting Environment variables
01:30:14 Configure Ubuntu Firewall
01:32:48 Configuring SSL with Let's Encrypt
01:39:14 Fixing database issues
Hey man, just want to say your video is awesome and clear. It's like a hidden gem. I wish many people would see this. Thanks man.
If you see "Forbidden 403" after setting up your nginx
You need to do the following
- sudo vim ~/etc/nginx/nginx.config
- Comment out the first line "user www-data"
- Add a new line directly below the commented out line with this content "user ubuntu;" (without the double quotes)
- Run command: sudo systemctl restart nginx
- You can now view your site
Reference timestamp: 1:04:41
THANK YOU
I'm getting 405 when i try to login in my React app
{message: 'Request failed with status code 405', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}
Thanks so much, this helped me in my last steps of debugging.
Thank you so much! It solved the 500 Internal Server Error also
Bro you are saviour.
If you see "Permissions 0644 for '' are too open." when trying to SSH using the pem file
Run this command: chmod 400
Reference timeline: 20:09
You need a Patreon account man. I got to support you with this. Lifesaver man.
Lol technically I do have one. I just have no idea what kind of content to put up on there
@@SanjeevThiyagarajan well let me know man that was some great stuff.
Same
Hi Sanjeev Thanks for this awesome content. However, this doesn't seems to be a complete/comprehensive deployment tutorial. Can you please include general upgrading strategy? Like creating CI/CD Pipeline.....
This is the best and most comprehensive video on AWS deployment I've ever seen! Thank you! Subscribed!
I can't thank you enough for this, honestly. Just thank you so much.
LITERALLY. You are incredible man. Life saver and a half.
Man, I wanna thank you one million, this is solid content. You really have quality implementation. I have watched All and learn a lot from you :)
Yep that's true !!
you are correct on that have been blessed a lot through his videos trainings
Thank you so much Sanjeev 🙏. The best deployment tutorial I have ever seen on UA-cam👍
men will be men
Sanjeev, I am immensely grateful for your effort in creating this masterpiece. I truly hope your journey reaches even greater heights; you have a great potential within you. Thanks.
did you get the variables to export?
Please make the deployment using docker or kubernetes :)
I made a video on that. Please check my docker node course
@@SanjeevThiyagarajan2:46 2:46
@@SanjeevThiyagarajan2:46 you 😢 2:46
Me and you tonight?
One of the best channels out there! The video descriptions are priceless hahahaha Keep it up man, you're doing awesome work! More subs will come.
One of the best tutorials ever! Thank you! Just deployed my first ever website!
This is one of the most informative videos I've ever watched. Thanks so much Sanjeev.
Best recorded tutorial I've ever seen. You are the best, thank you!
Thank you sooooo much for this. I was stuck trying to deploy my PERN app for days and then I found this video.
man, you can't imagine how grateful i am.
your video was the light i was looking for so long
i appreciate so much. your content quality is definitely godlike
OMG i was so stuck. Your tutorial fixed a problem ive been working on for a week. Thankyou so much!!
One of best video and documentation for fullstack project deployment on AWS, i follow all instruction explain by sanjeev and it works, i learn lot. thank for sharing this supperb knowledge.
Thank you so much for creating this video. I loved the first part with the Yelp Clone and learned so much.
This is one of the most useful dev videos i keep coming back to
This is the greatest tutorial I ever seen. Thank you so much for your time and help!
❤ 2:04
2:25 🎉
I'm begging you, please make a PAID course on React, Node, PostGres, Docker, AWS etc etc.
I will repeat once again: This is pure GOLD! I want to give you money man! Please make a full paid course!
Seconded. I can't believe how ridiculously hard this task was. I was starting to look like a real idiot promising something I couldn't do. This tutorial saved me.
This video is very useful for us who are self-learning. Thanks for this awesome video.
as always your videos are excellent!! Thanks for the knowledge
Thank you very much for such a golden resource ! All the best .
Great tutorial, consise and clear. Would you be able to expand on this to show how to deploy this app using the AWS pipeline?
This is really informative. You saved a lot of my time. Thank you very much.
Incredible tutorial! Thank you so much :)
For your new domain, make sure you setup the A record and CNAME record.
A record
- Host: @
- Value:
C Name
- Host: www
- Value:
thank you for this sir, it helped me a lot.
Thank you so much for your tutorial. Learned so much!
Thank you. That's the tutorial I was looking for. But I couldn't ssh into my ec2.
This tutorial is just amazing!
Hi Sanjeev, amazing walkthrough - for some reason after I update the server block file in my nginx, instead of seeing my website, I get a 500 internal service error. Checking my error logs it seems to say the build failed/failed 13: permission Denied... do you know what could be the issue with my deployment?
Got the same error. Could you tell me how did you fixed it?
@@brianma875
As mentioned by @productmeow,
You need to do the following
- sudo vim ~/etc/nginx/nginx.config
- Comment out the first line "user www-data"
- Add a new line directly below the commented out line with this content "user ubuntu;" (without the double quotes)
- Run command: sudo systemctl restart nginx
- You can now view your site
58:20 I can't see this page. Where is the problem? I couldn't solve this problem for a week!
hola alguien sabe de donde sale el .pem necesito ayuda
Deploy with docker on aws please.
For those struggling in the end:
1. Make sure node modules are audited,
2. If your website is displaying, but without anything from the database, make sure that pm2 has your environment variables. I had to update pm2 and then delete and start the pm2 app again.
how to do it pm2 thing?
whether it is enough to restart pm2?
I hope you get the nobel peace prize for this
This was long, but well worth it. 👍🏻
Great tutorial, very useful. Thanks
how to configure pg admin in ubuntu server to continue updating db?
It's a great tutorial. Thanks a lot!
Great video, really appreciate the help
❤❤ , ur very fantastic teacher..
How was your backend server running even before setting the env variables , how it got connected to db without credentials ?
i need urgent help to deploy PERN stack on hostinger Ubuntu server or Windows VPS, Please help me
my postgres database exists on aws instance already, what do i do?
Can you make a video on some of the next steps like securing the DB and stuff like you mentioned towards the end of the video? Thanks for this thoh! :)
Hi everyone, i got a little problem.
Everything when fine, the problem is axios response data returning html instead of object/json, any idea what cause it? Thanks a lot
How can I connect RDS postgres db to your nodejs app when I don't want to install postgress on virtual machine.
it is very useful, thank you!
For people stuck at the end with RestaurantDetail pages not rendering, change the prod. path at 14:17 from "api/v1/restaurants" to "/api/v1/restaurants" . Adding the "/" before api fixed my app. Push the changes, then pull them to your ubuntu copy and rebuild.
Thank you, was wondering for hours why it wasn't working
You are a golden god.
After encrypting I ran into a really frustrating problem. My site was loading but not the database. And it wasn't like yours ( I didn't use env variables like that). When I checked the network I could see that all my api calls were getting blocked with the message 'blocked: mixed content'. Please help
Dude!! great explanation.. Must have missed something but which development server we're talking abt for the pg_dump?
solid, clean, detailled ***
hi Sanjeev, once again great video thanks man.... I have tried multiple angles on a poitn I got stuck at, can you please guide me
Error: Cannot find module './out/index'
I get this error when running "npm run build" on client directory, the build directory does not get build, I installed Node.js v21.6.2
ran into an error around 1:00:00 , very clear and concise - app was fully functional - didn't get any errors from part one or this part until now /: I sent you a twitter dm if you don't mind helping me out
wanted to apologize as it was my fault! i was deploying on digital ocean instead of AWS and skipped over adding HTTP/HTTPS to my inbound rules - as well as had to update directory rules because i used the root user instead of ssh access !
Enjoyed this cheers
Thank you for your videos, can you make a tutorial to deploy a multi container project into heroku
Can you please make a tutorial with Next js instead of React? I would like to use Next js for better SEO. It would be really great !
Would you make some tutorials that when you make some updates on your codes, nginx will auto update the code?
bro i need your help to config the server.js file for ec2 deployment and I couldn't connect the pd db with my server.js. how can I reach you out to solve this problem? help me out please
You the man !!
the text editor you are using in the video above is beautiful, can you tell me what it is? thanks
Bro! Thank You 🙏🏼
Hey, i have a couple of questions if you can please help me out. Should i use pg dump or create an RDS on AWS?
This is beautiful
BIG THANK YOU!!!!!!!!!!
What pem file bro
thanks a lot.
Am I going to get charged for deploying it on EC2? Can I do Lambda instead?
👍
Thanks man
How much would it cost to deploy this to AWS ?
Great video but in all production front-end app on S3 with domain and the backend on EC2 with creating a subdomain... Can you please do that
Yeah I can do that. I'll try to get something up in the next couple of weeks
Thank you so much... I'm struggling with this... Waiting for the video... Thank you ☺️
Awesome
Awesome video ++++++++++++++++++ 🙂
Bro please connect database to RDS please it will be more helpful
dam i was thinking about doing that for the video, but i figured more people would want be interested in deploying to a single VM. That way they can use the same steps on a digital ocean droplet. I'll definately be making more deployment tutorials in the future and will have rds involved
@@SanjeevThiyagarajan thank you brother. Please involve RDS and btw your creating a great content 👍
awesome
Please make the deployment using docker or kubernetes²
Just dropped a video on docker an how to deploy using docker. We won't be deploying pern stack specifically, but it goes over the core concepts
1:35:24 "No don't send me email"
LEGEND
I tried to log in on the terminal with ssh like you showed and I got denied with warning "WARNING: UNPROTECTED PRIVATE KEY FILE!" Permission for ....pem' are too open.
It is required that your private key files are NOT accessible by others.
This private key will be ignored.
You have to change the permissions of the pem file
Chmod 400 will do the job
@@SanjeevThiyagarajan Thank you
thanks
Hi Sanjeev, I havent done your other tutorial where you made the db, could you perhaps provide a sql file with the database for us to be able to make the database dumb in the video?
Yeah let me grab that for you and upload it to the github page
@@SanjeevThiyagarajan great, thank you very much.
@@SanjeevThiyagarajan Did you ever upload this? I can't find it on the github repo. Thanks
MERN project next please.
What if the github repo is private? would you still be able to clone it directly
yes, when you run the clone command it will prompt you for username and password
@@SanjeevThiyagarajan would it request for password during subsequent pull requests?
Why do we need NGINX when we can already server the build/index.html file using Express and put "proxy": "localhost:3001" in the client side's package.json? Using nginx seems pointless to me within the scope of this tech stack. What am I missing?
Does deploying something like this cost money?
yes bro 1 $