How to Deploy a Remix Site with Vercel

This guide will show you how to deploy an Remix site and get your domain set up.

React is a JavaScript library for building user interfaces. Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience. There are multiple ways to build an React site, including:

• Next.js
• Create React App
• Gatsby
• Remix
• Preact
• Ionic React
• Redwood

Deploy Remix to Vercel

Vercel is a platform for deploying the fastest Remix sites. You can deploy your site with zero configuration to the best frontend infrastructure.

• Develop: Build Remix sites that connect to your favorite APIs, databases, and content management systems.
• Preview: Integrate with any GitHub, GitLab, or Bitbucket repository for instant continuous deployment.
• Ship: Deploy your site to every edge node worldwide for the fastest Remix sites. Static files, Serverless and Edge Functions, and more.

Built-in CI/CD for Remix sites

Vercel has integrations for GitHub, GitLab, and Bitbucket to enable CI/CD for your Remix site with zero configuration. Then, you can run automated tests for performance and reliability on every push. Pull and merge requests are deployed instantly to a unique URL, accessible to your entire team.

Add your custom domain

After deploying, your new Remix site will automatically be assigned a .vercel.app suffixed domain. You can then add a Custom Domain on your choice, either from a third-party or purchased through Vercel.

Deploy Remix to Vercel

Start from a template

• Remix

Vercel CLI

1. Install the Vercel CLI and run vercel to deploy.
2. Vercel will detect that you are using Remix and will enable the correct settings for your deployment.
3. Your application is deployed! (e.g. remix-run-template.vercel.app)

Vercel for Git

1. Push your code to your git repository (GitHub, GitLab, BitBucket).
2. Import your Remix project into Vercel.
3. Vercel will detect that you are using Remix and will enable the correct settings for your deployment.
4. Your application is deployed! (e.g. remix-run-template.vercel.app)