Frontend: Decide on frontend framework

[wknd]

We gotta decide on what framework to look at.

Considerations:

• most content is static of which the code would be hosted in a different repo
• to save on resources, it is important everything can be pre-rendered

Some options:

• gatsby (react based)
• next.js (react based)
• nuxtJS (Vue version of next.js)
• Jekyll (Used by github, but free build times may be too long for large archives of articles or news) *
• hugo (Written in GO, allegedly fastest build times) *
• gridsome (Vue based)
• Eleventy (similar to jekyll?) *
• scully (Angular based)

(*) frameworks that only build static sites and leave you in full control, they don't add any JS to said static site themselves.

If using one of the framework agnostic builders, we will still need to pick a js framework to handle the dynamic portions. Some options:

• React
• Vue
• Solid
• regular hand crafted javascript

[simonwuelker]

https://ssg-build-performance-tests.netlify.app/ might be interesting (gridsome and scully not included)

[wknd]

gotta admit currently I am liking hugo with solid.. I'll make a proof of concept for it soon

[wknd]

I did a bunch of experiments, and I really like both hugo and solid. But it is not really suited for what I had in mind.

tl;dr: the way solid generates components seemed hard to do dynamically without using javascript itself. While i got it working fine to have a single login component on every page, it was sorta hacky. And having for instance a series of components dynamically placed on a page by hugo seemed very hard, you'd have to use js to do it properly.

Astro + solid seemed like it would be better suited for it. Even though its the slowest of the bunch. I think astro also recently(or will soon?) added more fancy serverside rendering which could be useful for the more fancy pages. And for dynamic pages we could also just use solid only.