Rift Logo RiftJS

Deploying Rift to Vercel (Static Mode)

Vercel is optimized for frontend apps and offers fast static hosting with preview deployments, custom domains, and global CDN.

Steps

  1. Push your Rift project to GitHub, GitLab, or Bitbucket.
  2. Go to vercel.com and import your repository.
  3. Set build settings:
    • Framework preset: Other
    • Build command: npm run build
    • Output directory: dist
  4. Deploy your site. Vercel will build and publish to a .vercel.app domain.
  5. (Optional) Add a custom domain in Project settings.

Tips

  • Ensure 404.html is present at the root of dist/.
  • Disable SSR and use static output for best results.
SettingValue
Framework presetOther
Build commandnpm run build
Output directorydist
Default domain*.vercel.app
Free HTTPS✅ Yes
Auto redeploys✅ Yes