DEV Community

shiv-11013
shiv-11013

Posted on

Deploying Full Stack Projects using Vercel and Render

Deploying Full Stack Projects using Vercel and Render

I deployed my full stack application by separating frontend and backend.

For frontend, I used Vercel. I connected my GitHub repo, set build settings, and handled environment variables.

For backend, I used Render to deploy my Node.js/Express server. I created a web service, added environment variables, and fixed issues like server start command and CORS errors.

During deployment, I faced issues like build failing, API not connecting, and env variables not working properly. I debugged them step by step and fixed them.

Now frontend and backend are connected and running in production.

What I learned:

  • Frontend and backend deployment works differently
  • How to use environment variables in production
  • Debugging real deployment issues
  • Fixing API connection and CORS problems

Top comments (0)