SSR example app using Lit + Shoelace components

[alenaksu]

I'm looking to set up Lit SSR in a app that uses Shoelace components and was wondering if anyone has a good example to look at?

[claviska]

Pinging @augustjk for possible insights.

[augustjk]

Sorry I don't know of an existing good example that uses shoelace components. :(

It would depend on what context you want to use Lit SSR with. There are existing integrations in frameworks like Astro, Rocket, or with Eleventy. You can also go more low level and use @lit-labs/ssr directly with your server like this https://github.com/webcomponents/webcomponents.org/blob/5bf9c8c97f3acbf2c0faa24c5993a3c831d53043/packages/site-templates/src/base.ts

It's been a while since I've taken a look at #778 as well. There may still be some shoelace components that are not SSR-able yet.

[alenaksu]

I'm trying to use @lit-labs/ssr directly but I faced some issues I think because of missing shims. I'll take a look at that example, maybe I'm just missing something else :) Thank you for your help.

[collsl]

I'm wondering if you make it work @alenaksu? I have to start a new implementation using shoelace and @lit-labs/ssr and have so many questions!

[b2m9]

@collsl From what I can tell, Shoelace does not support SSR at the time of writing - see this Github thread. I tried to get it to run with Astro (and their lit-labs/ssr integration) but no luck (see Stackblitz environment).