FortuneWheel (Vue + TypeScript)

Single-page fortune wheel built with Vue 3 and Vite.

Prerequisites

• Node.js 18+ (LTS recommended)
• npm 9+

Install

npm install

Run in development

Start the app with hot reload:

npm run dev

Then open the URL shown in the terminal (default: http://localhost:5173).

Production build

Create the optimized production bundle:

npm run build

The build output is written to the dist/ folder.

You can quickly preview the production build locally:

npm run preview

Open the preview URL printed in the terminal (default: http://localhost:4173).

Deploy to production (static hosting)

The app is a static site and can be deployed by serving the dist/ folder with any static web server.

Option A: Web server on a VPS

1. Build the app:

   npm run build

2. Upload the content of dist/ to your web root (for example /var/www/fortunewheel).
3. Configure your web server to serve index.html for all routes.

Nginx example:

server {
  listen 80;
  server_name your-domain.com;
  root /var/www/fortunewheel;
  index index.html;

  location / {
    try_files $uri $uri/ /index.html;
  }
}

Option B: Static hosting platforms

Most hosts support Vue/Vite apps by uploading dist/ (or connecting your Git repo):

• Netlify
• Vercel
• GitHub Pages
• Cloudflare Pages
• Any static CDN bucket (S3 + CloudFront, etc.)

Useful commands

npm run dev       # local development
npm run build     # production build
npm run preview   # local preview of production build