Reduce need for Angular-framework (or JS in general)

rodekruis / helpful-information

A web-app for People Affected to lookup useful organizations and information.

Apache License 2.0

2 stars 2 forks source link

Reduce need for Angular-framework (or JS in general) #552

Open elwinschmitz opened 1 year ago

elwinschmitz commented 1 year ago

This issue is to collect relevant links or ideas on "How to get rid of Angular' or "How to make HIA as light/resilient as possible?"

elwinschmitz commented 1 year ago

Idea 0: Use Angular Universal

See: https://angular.io/guide/universal

Idea 1: Rewrite HIA into statically generated website

Using 11ty or similar
To make the rewrite less dramatic, use scully
So it uses Angular to build/compile something fully static

Challenge(s)

How can we keep the features of "immediate content updates"? How different will Search/Highlights work? How different will "Work fully offline with 1 page-load" work?

elwinschmitz commented 1 year ago

Investigate if Greenwood could be 'enough'/ready/a-good-fit.

elwinschmitz commented 1 year ago

Some measurements in favor of static HTML: https://blog.webpagetest.org/posts/will-html-content-make-site-faster/

elwinschmitz commented 1 year ago

Possibly integrate a static-site with: https://github.com/hotwired/turbo

elwinschmitz commented 1 year ago

See https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiveness-of-simple-html/

elwinschmitz commented 1 year ago

When going static, also review/use:

https://rosey.app
For multi-lingual content. Possibly to use tools like Transifex etc.
https://pagefind.app
For search.