A Next.js App or page decorator, React context object, and React hook to access Node.js HTTP server context when rendering components.
npm install next-server-contextA Next.js App or page decorator, React context object, and React hook to access Node.js HTTP server context when rendering components.
Some uses:
- Setting the HTTP response status code for the server side rendered page according to GraphQL query results in components.
- Isomorphically accessing cookies within components.
To install next-server-context with npm, run:
``sh`
npm install next-server-context
Decorate either the entire Next.js app or individual pages using the function withServerContext to be able to use the React hook useServerContext.
Supported runtime environments:
- Node.js versions ^18.17.0 || >=20.4.0.> 0.5%, not OperaMini all, not dead
- Browsers matching the Browserslist query .
Projects must configure TypeScript to use types from the ECMAScript modules that have a // @ts-check comment:
- compilerOptions.allowJs should be true.compilerOptions.maxNodeModuleJsDepth
- should be reasonably large, e.g. 10.compilerOptions.module
- should be "node16" or "nodenext".
The npm package next-server-context features optimal JavaScript module design. It doesn’t have a main index module, so use deep imports from the ECMAScript modules that are exported via the package.json field exports:
- ServerContextContext.mjs
- useServerContext.mjs
- withServerContext.mjs`