adamf/web_server

Files

History

Adam French 474f14b1e5

Deploy with Docker Compose / deploy (push) Successful in 38s

Details

Add performance optimizations: gzip, cache headers, WOFF2 fonts, lazy loading

Enable gzip compression in nginx, add cache-control headers for static assets,
convert fonts to WOFF2 with font-display swap, preload fonts, add lazy loading
to below-fold images, and remove unused font files.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-03-26 02:29:37 +00:00

..

crates/stp_wasm

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

Add performance optimizations: gzip, cache headers, WOFF2 fonts, lazy loading

2026-03-26 02:29:37 +00:00

Add performance optimizations: gzip, cache headers, WOFF2 fonts, lazy loading

2026-03-26 02:29:37 +00:00

.dockerignore

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

Dockerfile

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

index.html

Add performance optimizations: gzip, cache headers, WOFF2 fonts, lazy loading

2026-03-26 02:29:37 +00:00

jsconfig.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

package-lock.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

package.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

README.md

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

vite.config.js

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

README.md

My Web - Frontend

Vue 3 SPA for adam-french.co.uk. Built with Vite, Tailwind CSS v4, Pinia, and Vue Router.

Setup

npm install

Development

npm run dev

The Vite dev server proxies API requests:

/api -> http://localhost:8080 (Go backend)
/gitea -> http://localhost:3000 (Gitea)
/radio -> http://localhost:8000 (Icecast2)

Production Build

npm run build

In production, the built dist/ is served by Nginx inside a Docker container (see ../Dockerfile).

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Vue.js devtools
- Turn on Custom Object Formatter in Chrome DevTools
Firefox:
- Vue.js devtools
- Turn on Custom Object Formatter in Firefox DevTools