spike for static pre-rendering with Lit SSR

[thescientist13]

Related Issue

Exploring enhancements and workflows related to SSR with Greenwood like:

• Static pre-rendering and entire site with lit (instead of using puppeteer)
• Client side hydration (as it seems without data-gwd-opt="static" footer renders twice?)
• Can custom resource plugins (import CSS, JSON) work on the server side?

Summary of Changes

1. Basic footer / header / banner example with Lit static pre-rendering

TODO

1. This approach doesn't even work with FF / Safari though? I would have figured at the least the static markup would come through, even if not all the styles? There is a polyfill but that does not seem to work?
   • [SSR] Declarative Shadow DOM and Cross Browser Support ("static" SSR) lit/lit#2589
   • add Declarative Shadow DOM polyfill support to polyfill plugin ProjectEvergreen/greenwood#901
2. Investigate double HTML render - Cannot reproduce?
   • do we need to involve hydration, e.g. @lit-labs/ssr-client
   • or is data-gwd-opt="static" a sufficient option?
3. Hydration testing / support - add support for (progressive) hydration for compatible renderers (globalThis for state?) ProjectEvergreen/greenwood#880
4. meta HTML is being exported twice in public/index.html (or default app.html is being used and merged?)
5. Is puppeteer still running for yarn build, or just the devServer?

[netlify]

✔️ Deploy Preview for laughing-kare-be3077 ready!

🔨 Explore the source changes: 04299a3

🔍 Inspect the deploy log: https://app.netlify.com/sites/laughing-kare-be3077/deploys/621bb49859380100075a03b0

😎 Browse the preview: https://deploy-preview-4--laughing-kare-be3077.netlify.app/

[thescientist13]

not going to do this with Lit, will do it with WCC / HTMLElement instead.