Use SSR + Hydration + cacheing

[joepio]

• User can add new page post build-time
• HTML pages are cached (e.g. max 24 hrs)
• Changes are visible instantly relatively quickly after refresh

https://docs.astro.build/en/guides/integrations-guide/netlify/

[Polleps]

Pages are built on build time

That is not how SSR works. SSR means pages are build on request time (or served from a cache).

User can add new page post build-time

This is always the case with SSR because the pages don't get build at build time.

Changes are visible instantly

Not possible with Astro + Caching. Astro components are server side only and do not hydrate on the client. Unless we use client components (That means using Svelte or React components in Astro) but those can't handle async functions and will render empty components on the server and then hydrate on the client with the actual data.

[joepio]

Some solutions:

Manual rebuild button

• Pressing the button calls a webhook on netlify to rebuild
• Everything works with SSG. Fewest function invocations.
• No live-updates, so less optimal UX

Hydration

• Can Astro components run on the client? Otherwise, we'd need Svelte or React components. Which is a bit of a hassle. UPDATE: no, will need Svelte / React.

[joepio]

Current solution

• SSR everything
• Caching works... in some limited way

Invalidate cache on Netlify on command?

• Instead of rebuilding... Can this be done?