| 1 | ---
|
| 2 | title: Deploying
|
| 3 | order: 10
|
| 4 | ---
|
| 5 |
|
| 6 | # Deploying
|
| 7 |
|
| 8 | [MODES: framework]
|
| 9 |
|
| 10 | ## Introduction
|
| 11 |
|
| 12 | React Router can be deployed two ways:
|
| 13 |
|
| 14 | - Fullstack Hosting
|
| 15 | - Static Hosting
|
| 16 |
|
| 17 | The official [React Router templates](https://github.com/remix-run/react-router-templates) can help you bootstrap an application or be used as a reference for your own application.
|
| 18 |
|
| 19 | When deploying to static hosting, you can deploy React Router the same as any other single page application with React.
|
| 20 |
|
| 21 | ## Templates
|
| 22 |
|
| 23 | After running the `create-react-router` command, make sure to follow the instructions in the README.
|
| 24 |
|
| 25 | ### Node.js with Docker
|
| 26 |
|
| 27 | ```
|
| 28 | npx create-react-router@latest --template remix-run/react-router-templates/default
|
| 29 | ```
|
| 30 |
|
| 31 | - Server Rendering
|
| 32 | - Tailwind CSS
|
| 33 |
|
| 34 | The containerized application can be deployed to any platform that supports Docker, including:
|
| 35 |
|
| 36 | - AWS ECS
|
| 37 | - Google Cloud Run
|
| 38 | - Azure Container Apps
|
| 39 | - Digital Ocean App Platform
|
| 40 | - Fly.io
|
| 41 | - Railway
|
| 42 |
|
| 43 | ### Node with Docker (Custom Server)
|
| 44 |
|
| 45 | ```
|
| 46 | npx create-react-router@latest --template remix-run/react-router-templates/node-custom-server
|
| 47 | ```
|
| 48 |
|
| 49 | - Server Rendering
|
| 50 | - Tailwind CSS
|
| 51 | - Custom express server for more control
|
| 52 |
|
| 53 | The containerized application can be deployed to any platform that supports Docker, including:
|
| 54 |
|
| 55 | - AWS ECS
|
| 56 | - Google Cloud Run
|
| 57 | - Azure Container Apps
|
| 58 | - Digital Ocean App Platform
|
| 59 | - Fly.io
|
| 60 | - Railway
|
| 61 |
|
| 62 | ### Node with Docker and Postgres
|
| 63 |
|
| 64 | ```
|
| 65 | npx create-react-router@latest --template remix-run/react-router-templates/node-postgres
|
| 66 | ```
|
| 67 |
|
| 68 | - Server Rendering
|
| 69 | - Postgres Database with Drizzle
|
| 70 | - Tailwind CSS
|
| 71 | - Custom express server for more control
|
| 72 |
|
| 73 | The containerized application can be deployed to any platform that supports Docker, including:
|
| 74 |
|
| 75 | - AWS ECS
|
| 76 | - Google Cloud Run
|
| 77 | - Azure Container Apps
|
| 78 | - Digital Ocean App Platform
|
| 79 | - Fly.io
|
| 80 | - Railway
|
| 81 |
|
| 82 | ### Vercel
|
| 83 |
|
| 84 | Vercel maintains their own template for React Router. Checkout the [Vercel Guide](https://vercel.com/templates/react-router/react-router-boilerplate) for more information.
|
| 85 |
|
| 86 | ### Cloudflare Workers
|
| 87 |
|
| 88 | Cloudflare maintains their own template for React Router. Checkout the [Cloudflare Guide](https://developers.cloudflare.com/workers/framework-guides/web-apps/react-router/) for more information.
|
| 89 |
|
| 90 | ### Netlify
|
| 91 |
|
| 92 | Netlify maintains their own template for React Router. Checkout the [Netlify Guide](https://docs.netlify.com/build/frameworks/framework-setup-guides/react-router/) for more information.
|
| 93 |
|
| 94 | ### EdgeOne Pages
|
| 95 |
|
| 96 | EdgeOne Pages maintains their own template for React Router. Checkout the [EdgeOne Pages Guide](https://pages.edgeone.ai/document/framework-react-router) for more information.
|