How do I access ENV vars outside request context when using Remix with Cloudflare Pages

[onyx rivet]

One example is when creating session storage

const sessionStorage = createCookieSessionStorage({
    cookie: {
        name: "__session",
        httpOnly: true,
        secure: process.env.NODE_ENV === "production",
    path: "/",
    sameSite: "lax",
    secrets: [SECRET_FROM_ENV],
    },
})

[rustic brook]

https://developers.cloudflare.com/pages/platform/build-configuration/

[safe tartan]

pass the sessionStorage to getLoadContext in your server.ts

...

export const onRequest = createPagesFunctionHandler<Env>({
    ...,
    getLoadContext: (context) => ({
        sessionStorage: createCookieSessionStorage({
            cookie: {
                name: "__session",
                httpOnly: true,
                secure: process.env.NODE_ENV === "production",
                path: "/",
                sameSite: "lax",
                secrets: [context.env.SECRET_FROM_ENV],
            },
        }),
    }),
})

after that you can access the sessionStorage in the remix loader/action context