Applications360 Preview
Development
How to develop 360 Preview
Clone superbonfire-lab/360-preview.
The stack is React 19, Vite 8, TypeScript, Tailwind v4, and @egjs/view360.
Start locally
- Run
npm install. - Run
npm run dev. - Open
http://localhost:5173.
The local server uses HTTP. Gyro tests on iOS need HTTPS. Use the public host or a tunnel for those tests.
Coolify and Docker install dependencies with npm ci from package-lock.json. You can use pnpm locally.
Build
- Run
npm run build. - Host the
distfolder as a static site.
npm run preview serves the build locally.
Docker
docker compose up -d --build serves nginx on port 8081.
Coolify uses the Dockerfile. The container port is 80.
The allowed hosts in the Vite config include 360-preview.kore.my and 360-preview.superbonfire.tech.
Current deployment
The app is deployed to https://360-preview.superbonfire.tech through Coolify on our Tencent Cloud VPS.