spa

command

v0.71.0 Latest Latest Go to latest Published: Aug 25, 2026 License: MIT Imports: 10 Imported by: 0

Details

A single-page application demo with Vue 3 + Vue Router 4 (loaded from jsdelivr CDN, zero build step) backed by a GoFastr JSON API.

Backend: GoFastr entities auto-generate JSON CRUD endpoints under /api/articles, /api/projects
Frontend: Vue 3 + Vue Router 4 from jsdelivr CDN, with no npm and no build step
Routing: Vue Router with createWebHistory(), so URLs are real paths, not hash fragments
Serving: Static files with SPA mode, where unmatched paths fall back to index.html

Entity CRUD routes are mounted under /api/ so they don't conflict with Vue Router's client-side routes:

Server Route	Type	Handler
`/`	SPA	Serves `index.html`
`/articles`	SPA	Serves `index.html` → Vue Router renders `ArticleList`
`/articles/:id`	SPA	Serves `index.html` → Vue Router renders `ArticleDetail`
`/projects`	SPA	Serves `index.html` → Vue Router renders `ProjectList`
`/about`	SPA	Serves `index.html` → Vue Router renders `About`
`/api/articles`	API	JSON: list articles
`/api/articles/:id`	API	JSON: get article
`/api/projects`	API	JSON: list projects
`/api/site`	API	JSON: site metadata
`/style.css`, `/app.js`	Static	Served from `static/` dir

cd examples/spa
go run main.go
# Open http://localhost:3090

Vue 3: https://cdn.jsdelivr.net/npm/vue@3
Vue Router 4: https://cdn.jsdelivr.net/npm/vue-router@4
GoFastr: entity CRUD, auto-migration, SPA static serving

There is no documentation for this package.