How to Deploy a Vue 3 App with Vue Router and TypeScript on Light Cloud

[julia-kafarska]

Full tutorial with screenshots: https://blog.light-cloud.com/tutorials/deploy-a-vue-app

Deploy a Vue 3 app made with create-vue, including Vue Router history mode and TypeScript, to Light Cloud: detected automatically and live in about 30 seconds.

Level: Beginner · Time: about 10 minutes · Plan: Free · Stack: Vue 3, Vue Router, TypeScript, Vite

Steps

• Step 1: Create the Vue app
• Step 2: Run it and build it once
• Step 3: Push it to GitHub
• Step 4: Deploy it
• Step 5: Open a deep link

Source code: https://github.com/light-cloud-com/tutorial-vue-website
Live demo: https://main-tutorial-vue-website-examples.light-cloud.io

---

Questions, problems with a step, or a screen that no longer matches the console? Reply here. Every tutorial is re-run on the live platform before it is published, and this thread is where fixes get discussed.