This tutorial shows how to deploy your React app on Replit so it's publicly accessible in the cloud on a permanent URL.
Notes:
- You need a Replit account and a working React project. If you haven't built one yet, see How to Create a React App on Replit first.
- Deployments require a paid Replit plan. Confirm your account has Deployments access before starting.
- Make sure your app runs correctly in the workspace before deploying.
- Deployments are now called Publishing.
- Sign in at replit.com and open your React project from the dashboard.
- In your workspace, click New Tab and select Publishing (previously called Deployments). The Publishing panel opens.
- Click Adjust Settings to choose a deployment type.
- Static for frontend-only React apps with no backend
- Autoscale for React apps with a backend or API layer that needs to scale with traffic
- Reserved VM for a dedicated, always-on environment.
- Click Publish. Replit builds your project and deploys it to a replit.app subdomain. This typically takes one to two minutes.
- When deployment completes, check for a green status indicator in the Published panel. Click the generated URL to confirm your React app is live.
.gif)
