DEV Community

Vuelancer
Vuelancer

Posted on • Updated on

Deno Deploy: Deploy a React App

Deploying a react application using Deno Deploy is very simple if you have created an account in deno deploy (https://deno.com/deploy)

Created a youtube video showing how to deploy react app in deno deploy.

website url: https://vuelancer-blog.deno.dev/

  • Create a react application using vite (vite.dev)
npm create vite@latest
Enter fullscreen mode Exit fullscreen mode
  • Run build command to generate simple html, css, js files to deploy after your development process
npm run build
Enter fullscreen mode Exit fullscreen mode
  • Run the below command inside dist folder to deploy the static files to deno deploy
deployctl deploy --project=<project-name> https://jsr.io/@std/http/1.0.9/file_server.ts
Enter fullscreen mode Exit fullscreen mode
  • A new project will be created in deno deploy, and the files will be deployed in dev & prod domains.

Note:

  • After first deployment, all the deployments will happen only on dev domain, we have to manually promote the deployment to production

If any findings/doubts, please feel free to comment

Happy coding!

Top comments (2)

Collapse
 
vishals1005 profile image
vishal s

good video, will watch and try deno deploy

Collapse
 
vuelancer profile image
Vuelancer

thanks for the comment!