Deploy (Host) MERN Stack Application On netlify & render.com for free
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- In This video We will see how to deploy mern stack application on netlify and render.com.
We will deploy frontend on netlify and backend on render.com for free. @HarshPathakNV
Frontend - React.JS, & React-Bootstrap
Backend - Node.JS & Express.JS
Database - MongoDB , MongoDB Atlas
Api Testing :- Postman
Icon Used :- Fontawesome
IDE used - Visual Studio Code
Deployment
FrontEnd :- www.netlify.com/
BackEnd :- render.com/
Coding Ninjas ContestLink :- bit.ly/3VDyWqb
Live demo :- mernapplicatio...
Source Code Front-End Part 1:- github.com/har...
Source Code Back-End Part 2 :- github.com/har...
follow on social media :-
Channel Instagram :- / harsh_pathak_youtube
Instagram :- / hp_01711
Facebook :- / harsh.pathak.779857
Email Id :- Email Id :- hmdeveloper1718@gmail.com
MERN Stack Internship Projects Part 1 :- • #1 MERN Stack Project ...
MERN Stack Internship Projects Part 2 :- • #2 MERN Stack Project ...
nodejs mongodb setup :- • CRUD Application [ PA...
MERN Stack Portfolio Intro :- • Introduction to MERN S...
MERN Stack Portfolio Part 1:- • #1 MERN Stack Portfoli...
MERN Stack Portfolio Part 2:- • #2 MERN Stack Portfoli...
MERN Stack Portfolio Part 3:- • #3 MERN Stack Portfoli...
React - Redux E-commerce Cart :- / ym3aaodvqiu
Amazon Clone Playlist :- • Full Stack E-commerce ...
React Signup With LocalStorage :- / fmtsq6k_oh0
Complete Authentication MERN Stack :- • Complete Authenticatio...
CRUD App In One Video With MySql DataBase :- • CRUD Application With ...
MERN Stack CRUD App In One Video :- / paqxftjznc4
React - Redux Todo App In One Video :- / pqaknco1cwi
Zomato App Restaurant Cards Projects :- / iyhyrtj2eao
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
#mern #react #nodejs #expressjs #mongodb
For the person who is new in coading and this really good content for the fresher I just learn alot from you thanks.
Bhai mene check ki apki mern web site Bhai bohot achhi he thanks for teaching ❤❤
Thank You so much Bhai!! I wasted my time in watching other TH-cam videos but all those methods didnt deploy the backend properly. Best Video !!
It's my pleasure
Amazing video Sir, I'll do & let you know. Thank you sir. please come with more such informative video to us 🙏
You are great sir g. I finally found a best TH-cam channel for web development. I am very very thanks you so much sir g. I am form jehanabad bihar.
👍👍
i have been looking for this. I dont understand what you were saying but it helped me get the job done. thanks. most videos werent as complete
Great Tutorial, Learned everything in a very precise manner.
Watched 😳
Fully understood 🙂
Surprised how good explained 😯
Liked 👍
Finally Subscribed ❤🙂
everything is good.....but when i upload from the page....it giving me an error..other than that everything works.. .... doesnt it support image storage?......
Thank you so much bro , I was struggling a lot to deploy ,you made it very easy.
Hi I'm trying to deploy my backend code in rander so server is running but taking to much time to building even in progress also not displaying ,how to fix this issue if it is a issue ??
I think it is the greatest video I have ever seen,,,❤️❤️❤️❤️
I have a question,
"can I do continuous development on this method".
Put npm install inplace of yarn if you are facing issue about node version
thanksss
Anyone who's getting node is incomparable with the current version problem after deploying on render..
Try this
in the package.json of backend file add this
"engines":{
"node" : ">=14
Thanks bro✌✌
Bro thanks yaar, khup try karat hoto mi, i didnt know ki mala node_modules upload naho karayacha aahe , thanks a lot !!!!!
what to do :
blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value ' that is not equal to the supplied origin.Understand this error
Msg me on instagram or mail me
brother i am also facing the same problem how do you fixed it !? please reply !?
Bro Thank you so much for this video. I am able to deploy my websites very easily now.
Sir I tried to deploy the backend in node environment, i am getting this error in index.JS file
for importing middleware function,
Error: Cannot find module './AREAS/FUNC', here AREAS is the other folder, and FUNC is the JS file containing the middle wares,
Sir, I have successfully deployed it in render and amplifier. But if I have to make any changes in the future, what will be the process for that?
Youneedto deploy latest commit in render deployment menu
Thanks so much!! brother , Beautiful Video!!
i just watch this video and learn something new , good explanation
sir folder ka naam server client krna jruri h???
it was really awesome lecture bhaiya..
Sir, uploading k baad jo ham user enrol krwaty hain uski image us waqt to aajati hai home page pr bhi. Lakin agr thori der baad (taqreeban koi aadha ghnta baad) link khol kr dobara dekhen to image nhi ati, baqi data sai ajata hai. Image kyun nhi arahi?
Mara pass admin page ha wo url ma ni ha raha
Thank you sir 🙏. If you explain about difference in free service and purchase service it will be more helpful
Sure I will
front end part ko deploy krne se pehle git me push karna padega build file ke stah ki nehi?
Yes
Very helpfull video plz make more videos on mern thanks
THANKKK YOUUU SOO MUCH DUDE 💌
Sir what if we pushed the node mdoules on github ...is there any way to remove them later
Hello if you have any doubt msg me on instagram
Thank you sooo muchh! omg my site is live :)
how to deploy frontend without making build folder.
if i make changes in our project than again we have to make new build
I built a Full stack app and deployed frontend on netlify and backend on render. Now I am facing cookie errors. Like it's not setting
Hello please use local storage for store token. Because we deployed app two different server .
Hi Harsh, I want to host my dynamic project of MongoDb, ExpressJS, Angular/ReactJS, NodeJS.
What should be the plan to buy hosting & domain, How we can configure each of one on hosting platform (as live).
Can you please suggest on same ? Or can you please make one video for it ?
Hello msg me on instagram
@Deepak have you deployed your website, if yes please help me i'm facing various difficulties in it.
Sir where will be the database server.
Thanks for this video, Great share
On render they asking me for card details on Web Services and after adding its says card balance isn't enough.. Anyone how to resolve this???? Thanks
Hello students k liye free mehi hain bhai
@@HarshPathakNV how can i tell them that I'm using student free acount?
I'm getting this error in render terminal -Error connecting to database The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string., My environment variable is set correctly and working fine locally
Hello msg on instagram or mail me
pehle step mein hi error aagaya, its saying process is not defined, mera BASE_URL read nhi horha mere file mein ,dotenv bhi bana lia, install bhi karlia fir bhi nhi read kar rha
The app is not created until we add a Payment Method and it's not showing free. What to do? help
Hey bro msg me on instagram
same isssue did you solve please i need help
I get a BASE_URL for backend, now where i have to add it in my frontend file...kindly answer someone
Mera ak website he usme mene database AWS liya tha backend nodejs use koya he aur frontend html css javascript,to kiya me website render and netlify use kar ke deploy kar sakta hu
Msg me on instagram
Thanks for giving such amazing content🙌🙌
My pleasure 😊
It is working in only laptop.But sir it is not working in mobile.
i am gatting this error can anyone help
Exited with status 1 while running your code.
backend se frontend par data nhi ja rhi localhost frontend par ja rhi par live par nhi
thanks for this video bt can you create one video on deploy mysql database
You change your URL frontend localhost:3000 ?
Everything is working great... But when I refresh the react page I get 404 error... I have .tsx file in my react application... any suggestion why this happening... ?
Do you have GitHub repository? Send link, maybe I can help
Can't we just upload both the folders on a single website
Thank you sir ❤️.
Finally I deploy my Project.🔥
Most welcome 😊
Can you help me
I don't have helper.js
What can i do now?
Kya ye lifetime ke liye free plan valid hota hai ya only some months?
Can you pls tell me how you connected backend with frontend as I can't see a proxy in your package.json file
I have the same error: Proxy does not work with netlify. Bro, have you solved it yet?
@@ArifPirxada I used cors for that it worked :)
@@varunmalpani781 Thanks for replying.
Tip to watch the video : you can listen to video even at 2x but with earphone because voice is low
Bad hosting example, why should we deploy react and node separately!
sir maine backend and frontend ek hi repo me push kr diya hu toh usme se backend waali folder kaise acess karu in render??
Msg me on instagram
@@HarshPathakNV sir I am having the same doubt , please help me with this
Sir jo data ha wo humare local database me save hoga kya
Hello msg me on instagram
I used to think netlify doesn't allow to make api calls.
But, anyone can see our backend base url which we you have saved in client folder.
Error: Cannot find module 'express' This happens everytime....I have already installed express...tryed to delete node_modules and install again...but this happens again
Msg me on instagram
@@HarshPathakNV which one
hi bro after i deploy my project there is issue of cookies my backend which i was deploy on render is not able to set cookies in frontend browser and that s why my auth was not working
Hey bro if ypu have any doubts . Msg me on instagram.I will give you the solution
sir i get following error on creating web service can u guide please Error " internal/modules/cjs/loader.js:888 throw err; ^ Error: Cannot find module 'dotenv'"
Msg me on instagram brother
Thanks man!
thanks so much, this was helpful
Thank you sir ji, it helped me a lot
Thank you bro, it helped alot.
We why not store files in mangodb.
Why store file in src folder of project
Tell reason
Hello msg me on instagram
Very useful
I am using amazon aws rds database in my backend so render would work
Deploy failed..it gives error express module cannot found ...but express is installed...and command node run successful...but in render it gives that error please can you help me out in?........
Msg me on instagram
same error but how can we solve it
Top notch content
Thank you so much 💜😊
How can I add my costume domain?
Thank you so much !
You're welcome!
on clicking edit , why profile picture is not showing!
Hello msg me on instagram brother
I don't have a helper.js file in my client. How do I proceed?
Msg me on instagram
Thanks Finally I deployed My website
Deploy ho chuka he lekin deploy website pe login nahi ho raha
Sir very good explaination👍 thank you for helping
Welcome 🙂
please subscribe my new channel harsh pathak vlog
Can anyone explain?
Got this error
error mongoose@7.2.2: The engine "node" is incompatible with this module. Expected version ">=14.20.1". Got "14.17.0"
do you get the solution
@@mayurbhoyar8858 Yeah
@@sayedulkarim474 please tell then
whats the solution
@@sujalchandrakar3874 on you package.json file you need to tell you node engine version. Because by default "Render" used default node version which is old.
sir server to live hogaya par database connect nahi hora he sir
What is type error , CROS error
Cors issue nahi ayan kyu?
Mai bhi wahi soch rha hu
Cors Mai frontend ka url bhi backend Mai dalna hota hai
You just earned a subscriber1
Thank you
Cookies not working when deploy it was working on localhost
I think it is the proxy error
I am getting "Page Not Found" whenever I am deploying my web app, please help
On netlify
Message me on Instagram
@@HarshPathakNV kindly check dm
@@HarshPathakNV kindly check your dm
Wonderful tutorial
Thank you so much 😊
Very helpful channel for beginner
Thank you
me perdi donde esta la base de datos entonces perdon
Thanks a lot bhai ❤❤
Exited with status 1 while building your code.
sir solve this error 🙏
Hello msg me on instagram
Bohot assa video.
Thanks sir, u saved my day ! 😁
csv wala process kuch samajh nai aaya.
❤❤👍👍🙏🙏
Why title in English?
In download url i am getting undefined
Nice bhai
I also want this project. Please send me the complete files
Msg me on instagram