DEV Community

Vuelancer
Vuelancer

Posted 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

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!