How to deploy MERN project (NodeJS, React) using render and netlify. PART 1. 

Render : render.com/ Netlify : www.netlify.com/

This seems to be the easiest way to get my backend running. Thanks for this :)

thanks man you saved me i am a frontend and i needed that a lot

thanks sir ...because of u only I hv created my first full-stack project

Bhai thank you so much yr bhai pura yt chaan mara khi nhi mili asi video bhai thank you yaar god bless you

thanks a lot. works like charm !

Thanks to the core for the easiest explanation🙌❤

Everything works, thank you! You helped me a lot!

Brother, thanks a lot I was able to deploy my application thanks to your video My kudos to you

what a lovely bro, i am very very thank full to you you solved my 6 month problems, Love all the way from Pakistan

So smooth. Thanks bro

Worked for me Thanks

Awesome Content !!

Very cool!

Thank you, Sir 😇

Nice on point tutorial...

This is great, but why no example code? Do you know why it would have a problem on the start script with nodemon?

Thank you man

THE BEST

thank you for all of this brother

GOAT !!!!

hello sir when i tried to deploy i am getting cors error even though i have installed and initialized cors in my backend do i have to do something in my frontend to remove it can you please help me.

I have deployed both backend and frontend in render but it fetches data slowly and its annoying..can u suggest how to make the performance better

i did the same front end for netlify backend is for render.

Muhaz bai

main.jsx:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. /vite.svg:1 Failed to load resource: the server responded with a status of 404 () getting this error for client side in netlify please help i have used react+vite

Class constructer error errorhandler cannot involved without new

I am facing this error while deploying : return new TSError(diagnosticText, diagnosticCodes); ^ TSError: ⨯ Unable to compile TypeScript: src/config/db.ts(1,22): error TS2307: Cannot find module 'mongoose' or its corresponding type declarations. at createTSError (/opt/render/project/src/server/node_modules/ts-node/src/index.ts:750:12) at reportTSError (/opt/render/project/src/server/node_modules/ts-node/src/index.ts:754:19) at getOutput (/opt/render/project/src/server/node_modules/ts-node/src/index.ts:941:36) at Object.compile (/opt/render/project/src/server/node_modules/ts-node/src/index.ts:1243:30) at Module.m._compile (/opt/render/project/src/server/node_modules/ts-node/src/index.ts:1370:30) at Module._extensions..js (node:internal/modules/cjs/loader:1435:10) at Object.require.extensions. [as .ts] (/opt/render/project/src/server/node_modules/ts-node/src/index.ts:1374:12) at Module.load (node:internal/modules/cjs/loader:1207:32) at Function.Module._load (node:internal/modules/cjs/loader:1023:12) at Module.require (node:internal/modules/cjs/loader:1235:19) { diagnosticText: "src/config/db.ts(1,22): error TS2307: Cannot find module 'mongoose' or its corresponding type declarations. ", diagnosticCodes: [ 2307 ] } [nodemon] app crashed - waiting for file changes before starting... But in the project all going well. What to do please help?

bhai i am learning full stack can u guide me where to begin and how. This field facinates me. Your one reply will be great and helpful

Thank you for the explanation. What about mongo DB. and where can i see the UI for mongo DB after inserting record

can you make a video including the process of replacing your localhost links? im having issues connect my backend to my frontend.

Hello, i guess my .env is not working correctly. i copied my env variables inside the .env key just like you did but when it got to replacing my DB password to real password from the .env file, it is saying Cannot read property 'replace' of undefined. Help

how did you wrote .env file and what did you wrote in it, can you explain it please. I liked your video very much , its simple and easy to understand

Hi Friend, I have an Angular application with webservice in Render with my application I create rooms and generate a code for each room, as when accessing this room in another browser I receive the message below: Failed to load resource: the server responded with a status of 404 () (Page Not Found) . Do you know what might have happened?

Is there a reason you're not deploying the front-end with render? I figured you could deploy the frontend as a static site and that way the whole project can be managed in on eplace

i have successfully deployed both backend and frontend. But backend data is not rendering in the frontend. How can I link them?

how frontend and backend are interacting as if they are hosted on different platforms, in my case when i deployed backend its working fine but my frontend which is hosted on netlify is giving 404 for all api call? am i missing something ? please let me know

When im deploy , its show IP render try connect to my DB not in white list , how to fix it!

Render is requiring card information before allowing you to use any of their services.

If we change our code and upload to github is that appears in render and netlify or not Please tell me

sorry i didnt understand how you conected the api backend with netlify ???

how did you handle setting cookies ? In my app, I have use render for both frontend and backend. I can not set cookies like I was doing when working on localhost.

hello im using react-vite i did what u did on frontend but it didnt work is there something i need to change ??

please solve my problem cookies not get on backend please solve my problem

Bhai

do I need to change the proxy too when we go live to access api's?

Sir is video m...aapka backend ka url after deployment..... frontend m use hi nhi ho rha h data fetch krne k liye......but iske baad bhi aapka website kaam kr rha h....

Are you using a template for the visual effects in your frontend? If so what is the name of the template?

Can you please tell me that how can I get rid of this cors error... Its working on my localhost... And in firefox after deployment too but chrome and edge browsers are showing cors error

How should I update for host in FRONTEND ?? Great video though

I deployed on render platform but when I call my routes, it takes lot of time. Why?

Sir what we need to replace the api link from localhost in react ?

Hello im havin this problem on render but my code run smoothly on my vs code. MongooseError: 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.

Bro i am facing cors error on console

Nice channel name😂😂😂😂

Hello, it seems currently render needs you to add payment verification

Can you help me connecting backed and frontend using proxy? I changed proxy from localhost to render and it is fetching data if I am running react app locally but not working on netlify

Okk so my server live on render successfully but it's not showing any data from database when I use my api with render link.... Plzzz help

if im using postgres as my database will it work will it deploy backend ?

Hi Brother, can I get access to your repo? I am doing a similar project and would like to refer your project code

Sir how you connected backend and frontend please tell. Till i know we have to just change localhost link to backend link in frontend folder. Please correct if i am wrong

Hi, render isn't free to use unless you provide your card information.

which screen recording are u using

cookie is not setted on the browser during login, how to solve?

it is not working when site is refreshed

i have deployed my project but my backend is not working it is not logging or registering please help.

how can i create .env file

hi , you miss importent part of video, you have not connceted reder backend,

can you please provide your git repo....

hi how to solve this error sh: 1: nodemon: Permission denied

deployement failed due at build stage

My website works perfectly fine,but after i deployed it on render backend doesn't work.😢

Can I use AWS instead of render?

what to do for cors errors

I replaced the urls in my frontend with the render url, but im still having an issue. should i replace the backend endpoint urls with the same? I have a full stack express/react app. In the dev server, api calls work. But when I try deploying to render and netlify, they don't. I uploaded the backend server folder (which includes a copy of the most recent build) to render and then modified the frontend App.js fetch endpoints to the url that was provided to me from render, and then '"/name' where name is the same endpoint as it is in the backend server.js. I uploaded the frontend /client/build folder to netlify. Both the render link and the netlify link give me a page that is the front page of my web app. It is an app that is SUPPOSED TO take in the user input through a text field. If the user input follows certain criteria, it SHOULD call an api with that input as what is being sent. If not, the backend SHOULD send a failure message back to the frontend. So far, The page ONLY updates when the failure criteria is satisfied, and DOESN'T actually do what it's supposed to do when the input follows the valid criteria. Can you help me troubleshoot?

sir please help. I've deployed the frontend in netlify and backend on render. But if i tried logging in in my website the backend doesnt work. How can i fix this sir? Thanks in advance.

Doesn't work for me.

my sitte has been deployed successfully but as i preview page not found coming ? what should i do please help