DEV Community

Vuelancer
Vuelancer

Posted on • Edited on

3 2 2 2 2

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!

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

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!

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay