Deploy a Remix Application to Vercel from a GitHub Repository

Using a GitHub repo to deploy our application to Vercel, keeps our code and live production site in sync. In this lesson we look at using the GitHub CLI tool to create a public repo, and adding it as a remote origin for our project.

Additionally, we create a new Vercel project from this GitHub repo, add our Supabase environment variables, and deploy. Lastly, we update the Homepage URL in our GitHub OAuth app to be our new Vercel URL, and set our Supabase project's Authentication Site URL to our new live application URL.

Extension ideas

• Style the app using Tailwind CSS (or another method of choice)
• Implement the ability for a user to update and delete their own messages
• Add the option to set a username and display this alongside messages
• Add separate message threads/chat rooms
• Implement private messages/chat rooms

Resources

• GitHub CLI
• Vercel docs
• Deploying Remix app to Vercel