The project implements a server-side rendering pattern using Go and Vue.js, where the Go backend renders HTML and Vue components are mounted into specific containers on the client side.
The backend utilizes the chi router and html/template packages. A custom 'island' function generates HTML containers with data attributes, which the frontend script then uses to identify and mount the corresponding Vue components.
The frontend setup uses Vite to manage Vue components, employing dynamic imports to bundle each component into a separate chunk. The system matches components to containers based on names defined in data-island attributes.
Development is streamlined with a configuration that proxies requests to the Go server on port 8080. The setup includes hot module replacement for Vue and a plugin for Vite that triggers a full reload when Go template files are modified.
The project is available in a public repository and requires the 'make dev' command to run. The implementation serves as a demonstration of the island architecture pattern using a minimal codebase.
