Add a simple Gomponent example

Author: theandrew168

backend/web/handler.go

@@ -1,6 +1,7 @@
 package web
 
 import (
+	"io"
 	"io/fs"
 	"net/http"
 	"os"
@@ -16,6 +17,7 @@ import (
 	"github.com/theandrew168/bloggulus/backend/repository"
 	"github.com/theandrew168/bloggulus/backend/service"
 	"github.com/theandrew168/bloggulus/backend/web/middleware"
+	"github.com/theandrew168/bloggulus/backend/web/ui"
 	"github.com/theandrew168/bloggulus/backend/web/util"
 )
 
@@ -135,6 +137,13 @@ func Handler(
 		http.Redirect(w, r, "/", http.StatusSeeOther)
 	})
 
+	mux.HandleFunc("GET /gomp", func(w http.ResponseWriter, r *http.Request) {
+		page := ui.Layout(ui.LayoutData{})
+		util.Render(w, r, http.StatusOK, func(w io.Writer) error {
+			return page.Render(w)
+		})
+	})
+
 	// Requests that don't match any of the above handlers get a 404.
 	mux.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
 		util.NotFoundResponse(w, r)

backend/web/ui/layout.go

@@ -0,0 +1,30 @@
+package ui
+
+import (
+	"github.com/theandrew168/bloggulus/backend/model"
+
+	. "maragu.dev/gomponents"
+	. "maragu.dev/gomponents/components"
+	. "maragu.dev/gomponents/html"
+)
+
+type LayoutData struct {
+	Account   *model.Account
+	CSRFToken string
+	Toast     string
+
+	GoatCounterCode     string
+	PlausibleDataDomain string
+}
+
+func Layout(data LayoutData) Node {
+	return HTML5(HTML5Props{
+		Language:    "en",
+		Title:       "Bloggulus - A website for avid blog readers",
+		Description: "Bloggulus - A website for avid blog readers",
+		Head:        []Node{},
+		Body: []Node{
+			Div(Text("wow")),
+		},
+	})
+}

go.mod

@@ -41,4 +41,5 @@ require (
 	golang.org/x/sys v0.31.0 // indirect
 	golang.org/x/text v0.23.0 // indirect
 	google.golang.org/protobuf v1.36.5 // indirect
+	maragu.dev/gomponents v1.1.0 // indirect
 )

go.sum

@@ -154,3 +154,5 @@ gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8
 gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
+maragu.dev/gomponents v1.1.0 h1:iCybZZChHr1eSlvkWp/JP3CrZGzctLudQ/JI3sBcO4U=
+maragu.dev/gomponents v1.1.0/go.mod h1:oEDahza2gZoXDoDHhw8jBNgH+3UR5ni7Ur648HORydM=