Deploy (Host) MERN Stack Application On netlify & render.com for free

  Рет қаралды 8,597

Rishi Raj

Rishi Raj

Күн бұрын

In this video tutorial, we'll walk you through the process of creating a full-stack MERN (MongoDB, Express.js, React.js, Node.js) application and deploying it live. We'll leverage the power of Netlify for our frontend and Render.com for our backend, ensuring seamless integration and scalability for our application.
Throughout the video, we'll cover:
Setting up our development environment with the MERN stack.
Creating a MongoDB Atlas database to store our application data securely.
Building a robust backend API with Express.js and Node.js to handle requests and serve data.
Designing a sleek and responsive frontend using React.js, with components for seamless user interaction.
Deploying our frontend application to Netlify for high-performance hosting and continuous deployment.
Configuring our backend server on Render.com, ensuring reliability and scalability.
Connecting our frontend and backend to create a fully functional live application.
Whether you're a beginner looking to dive into full-stack development or an experienced developer seeking to explore new deployment options, this tutorial is perfect for you. Follow along and learn how to build and deploy your own MERN application using Netlify and Render.com.
Don't forget to like, share, and subscribe for more tutorials on web development, deployment strategies, and best practices. Let's bring your MERN stack projects to life together!
deploy mern stack to netlify
deploy mern app to render
deploy mern stack free
deploy mern app
deploying mern app to aws
deploy mern app for free
how to deploy mern stack application on aws
How do I deploy a MERN stack application?
How do I deploy an app to render?
Where can I deploy my MERN app?
How do I deploy a full stack app?
deploy full-stack app to netlify
deploy full-stack app for free
deploy react app on netlify
Can I deploy React app to Netlify?
How do I deploy a React file in Netlify?
How do I deploy React router based app to Netlify?
How do you deploy a React app on Netlify with a custom domain?
deploy nodejs app on render
deploy node js app free
deploy node js to production
deploy express app to render
how to deploy node js application on local server
how to deploy node js application on windows server
deploy to render
how to deploy node js application on heroku
render node js
how to deploy react app on heroku
netlify react app

Пікірлер: 41
@lx8t6c7tw3
@lx8t6c7tw3 Ай бұрын
Thank you so much this video was so helpful to me. I have gone through 4-5 videos and they were so complicated but you explained it easily. Thanks a lot.
@rishiraj6582
@rishiraj6582 Ай бұрын
Thank for watching my video
@Secret_Superstar_Girl
@Secret_Superstar_Girl 4 ай бұрын
Thanku very much for solving my problem
@rishiraj6582
@rishiraj6582 4 ай бұрын
Welcome and thank you for watching my Video
@Manish-rr3nc
@Manish-rr3nc Ай бұрын
You are lifesaver boss i subscribed to you ❤❤❤❤
@rishiraj6582
@rishiraj6582 Ай бұрын
Thanks for watching and Good comments
@Kakashiii7
@Kakashiii7 Ай бұрын
Thank you sensei!
@sanasainath7758
@sanasainath7758 3 ай бұрын
very grateful to u
@anmolrathi1628
@anmolrathi1628 21 күн бұрын
Bro I want help - my aws ec2 apache and nginx both on same port so Please help
@rishiraj6582
@rishiraj6582 17 күн бұрын
I am not sure, I will be able to help you or not but i can try to help let’s connect on linkedin
@MRGAURISHANKAR413
@MRGAURISHANKAR413 23 күн бұрын
thanks ❤❤
@abdulrahiman637
@abdulrahiman637 3 ай бұрын
Thankyou ❤
@priyaarya6883
@priyaarya6883 3 ай бұрын
Sir we also install nodemon so is there is need to put this also in the input bpx where it asks for which packages you have used .?? I have used npm i cors express mongoose dotenv nodemon but could we have to add this nodemon too??
@rishiraj6582
@rishiraj6582 3 ай бұрын
nodemon is for development purpose, you can skip this while hosting, Please let me know on LinkedIn one to one chat if need more help
@priyaarya6883
@priyaarya6883 3 ай бұрын
@@rishiraj6582 thankyou sir for a fast reply ☺️🙏🏻
@CodeWithRains
@CodeWithRains 5 ай бұрын
3:03 what about java , and is this free !! hosting
@rishiraj6582
@rishiraj6582 5 ай бұрын
Options for java is also there, yes it’s free
@arkansavalder
@arkansavalder 2 ай бұрын
i dont have separate files for front end and backend my client folder is in the root of backend like client is on the same heirarchy as server.js
@rishiraj6582
@rishiraj6582 2 ай бұрын
I hope, Your client folder is independent, if yes then move client folder outside of backend folder, Then test once everything is fine as before, after that you can deploy separately, If still facing problems and really want to deploy ping me on LinkedIn and I will connect and will fix your problem
@aniketpatil7960
@aniketpatil7960 20 күн бұрын
After i push new code to that repo , it re deploy? I mean it supports ci/cd
@rishiraj6582
@rishiraj6582 17 күн бұрын
For front end no but for backend it should be but am not sure
@aniketpatil7960
@aniketpatil7960 17 күн бұрын
@@rishiraj6582 oky thank you for your reply 😊
@shivajr78
@shivajr78 5 ай бұрын
Sir What if i have 2 seprate React file for (Frontend and admin ) and 1 backend... What to do ?? How to integrate react files ??
@rishiraj6582
@rishiraj6582 5 ай бұрын
If you have two react projects and one backend project, same way you can deploy backend and integrate live apo where you have used like if you have used in both react projects then integrate in both then separately deploy both react project separately but please keep in mind for both react project you will have different live URL Otherwise both projects should a single react project , admin is also a different page of features then it should be in same react project not in different
@Masti_sabse_sasti
@Masti_sabse_sasti 27 күн бұрын
mera projuct live hua par backend work nhi kar rha local host par work kar rha live paar nhi koi help kro bhai
@rishiraj6582
@rishiraj6582 27 күн бұрын
You can reach out to me on linkedin or any social media, I will help you
@Masti_sabse_sasti
@Masti_sabse_sasti 27 күн бұрын
@@rishiraj6582 request send kar de bhai message nhi kar pa rha hu shubham name hai
@Vishakhayadav01
@Vishakhayadav01 4 ай бұрын
pls express ke lie h kya mujhe express ki website deploy krna h
@rishiraj6582
@rishiraj6582 4 ай бұрын
Express use karke backed banayi hogi like api bagare to uske liye iss video me the explain kiya hua h starting se but agar separate video chahiye to ye video dekh lo kzbin.info/www/bejne/o6mspKuihseXm5osi=ISjGzTrNzarfeP0H Agar isse v help nahi ho raha h to mujhe linkedin pe message karo m help kar dunga apka application dekhne ke baad www.linkedin.com/in/rishi-raj-20?
@muzammil3760
@muzammil3760 Ай бұрын
Sir local mei chal rahaa hai par netify par nahi chal raha whats the problem
@rishiraj6582
@rishiraj6582 Ай бұрын
Render pe backend host kiya hoga fir uska base url ko local host url se replace karna higa fronted me fir build bna ke host karo netlify pe
@muzammil3760
@muzammil3760 Ай бұрын
@@rishiraj6582 haa sir url past bhi kar diya hai or waise local mei bhi chal rahaa hai par netlify mei server error aa rahaa hai.
@rishiraj6582
@rishiraj6582 Ай бұрын
@@muzammil3760 LinkedIn pe connect karo fir kal time mile to help karta hu kisi time
@swaroopg4092
@swaroopg4092 3 ай бұрын
what i want to do if i want to deploy backend in netlify
@rishiraj6582
@rishiraj6582 3 ай бұрын
See ,Netlify is primarily designed for deploying static websites and front-end applications
@nontechbg
@nontechbg 4 ай бұрын
Asking for credit card 💳 details 😞
@rishiraj6582
@rishiraj6582 4 ай бұрын
There is free options also there
@05saranzafar73
@05saranzafar73 3 ай бұрын
same here, askig for credit card
Deploy NodeJS Application on AWS - Amazon Web Services | NodeJS
19:51
How to deploy react app to production
14:51
Chai aur Code
Рет қаралды 87 М.
Fake watermelon by Secret Vlog
00:16
Secret Vlog
Рет қаралды 15 МЛН
АЗАРТНИК 4 |СЕЗОН 3 Серия
30:50
Inter Production
Рет қаралды 698 М.
Фейковый воришка 😂
00:51
КАРЕНА МАКАРЕНА
Рет қаралды 6 МЛН
АЗАРТНИК 4 |СЕЗОН 2 Серия
31:45
Inter Production
Рет қаралды 987 М.
React Hook Form - Complete Tutorial (with Zod)
28:22
Cosden Solutions
Рет қаралды 112 М.
Deploy a MERN STACK app on Render platform in 2024
15:27
Learn with Jon
Рет қаралды 11 М.
MERN Stack in Tamil - #14 Deployment | using Render Hosting
22:49
Web Concepts Tamil
Рет қаралды 2,5 М.
Guillermo Rauch - Vercel, The Front End Cloud
1:05:02
devtools-fm
Рет қаралды 8 М.
Fake watermelon by Secret Vlog
00:16
Secret Vlog
Рет қаралды 15 МЛН