Deploy a Full-Stack Application

Deploy Your Backend Application to Render

Configure the backend to use environment variables for environment-specific settings

Initialize a Git repository to track the backend changes

Specify the backend files Git should ignore

Stage and commit your backend changes

Set up a GitHub remote repository for the backend application

Push your backend commits to the remote repository

Sign in or sign up on the Render website

Create a Web Service on Render

Deploy Your Frontend Application to Vercel

Configure the frontend to use environment variables for environment-specific settings

Update the hardcoded environment-specific settings

Create the frontend JavaScript module

Specify Parcel as the project’s build tool

Initialize a Git repository to track the frontend changes

Specify the frontend files Git should ignore

Stage and commit your frontend changes

Set up a GitHub remote repository for the frontend application

Push your frontend commits to the remote repository

Sign in or sign up on the Vercel website

Deploy your frontend application to Vercel