AngularLynx

    SSR

    A diagnostic screen for Lynx's snapshot SSR, which AngularLynx calls instant first-frame rendering. It checks that SSR is on and shows the snapshot your page produces.

    ssrsrc/app/app.ts

    What it shows

    • enableSSR — lynx.config.ts turns it on with pluginAngularLynx({ enableSSR: true }). See @blotch/angular-lynx-build.
    • Two global callbacks — with SSR on, AngularLynx registers ssrEncode() and ssrHydrate(). Lynx calls the first to save the first render as a snapshot, and the second to reuse it on a later load. The status card checks that both exist.
    • A snapshot — Run ssrEncode() turns the current element tree into JSON and shows its opcode count, its size and its first 500 characters.
    • Updates after hydration — items you add later are created as usual. The snapshot covers only the first render.