~repos /gromer

#golang#htmx#ssr

git clone https://pyrossh.dev/repos/gromer.git
Discussions: https://groups.google.com/g/rust-embed-devs

gromer is a framework and cli to build multipage web apps in golang using htmx and alpinejs.


9548af06 pyros2097

5 years ago
update readme
Files changed (2) hide show
  1. example/assets/styles.css +4 -0
  2. readme.md +13 -7
example/assets/styles.css CHANGED
@@ -526,6 +526,10 @@ video {
526
526
  flex-direction: row;
527
527
  }
528
528
 
529
+ .flex-col {
530
+ flex-direction: column;
531
+ }
532
+
529
533
  .items-center {
530
534
  align-items: center;
531
535
  }
readme.md CHANGED
@@ -4,6 +4,8 @@
4
4
  <a href="https://pkg.go.dev/github.com/pyros2097/wapp"><img src="https://img.shields.io/badge/dev-reference-007d9c?logo=go&logoColor=white&style=flat" alt="pkg.go.dev docs"></a>
5
5
  </p>
6
6
 
7
+ # wapp
8
+
7
9
  **wapp** is a framework to build isomorphic web apps in golang.
8
10
 
9
11
  It uses a declarative syntax using funcs that allows creating and dealing with HTML elements only by using Go, and without writing any HTML markup. The syntax is inspired by react and its awesome hooks and functional component features. It is highly opioninated and integrates very well with tailwind css for now.
@@ -18,7 +20,7 @@ Inspired by:
18
20
  * [klyva](https://github.com/merisbahti/klyva)
19
21
 
20
22
 
21
- ## Install
23
+ # Install
22
24
 
23
25
  **wapp** requirements:
24
26
 
@@ -29,13 +31,17 @@ go mod init
29
31
  go get -u -v github.com/pyros2097/wapp
30
32
  ```
31
33
 
32
- ## Example
34
+ # Demos
35
+
36
+ [Demo 1](https://wapp.pyros2097.dev/)
37
+
38
+ [Demo 2](https://timer.pyros2097.dev/)
33
39
 
34
- **wapp** uses a declarative syntax so you can write component-based UI elements just by using the Go programming language. It follows the same ideas of react. It has functional components and hooks.
40
+ # Examples
35
41
 
36
- The example is located here,
42
+ [Example 1](https://github.com/pyros2097/wapp/tree/master/example)
37
43
 
38
- [example](https://github.com/pyros2097/wapp/tree/master/example)
44
+ [Example 2](https://github.com/pyros2097/wapp-timer)
39
45
 
40
46
  **Counter**
41
47
 
@@ -72,7 +78,7 @@ func Counter(c *RenderContext) UI {
72
78
 
73
79
  func main() {
74
80
  Route("/", Counter)
75
- Run(Counter)
81
+ Run()
76
82
  }
77
83
  ```
78
84
 
@@ -131,7 +137,7 @@ func Route(c *RenderContext, title string) UI {
131
137
 
132
138
  func main() {
133
139
  Route("/", Clock)
134
- Run(Clock)
140
+ Run()
135
141
  }
136
142
 
137
143
  ```