react-ssi-include
v1.1.5
Published
React component for rendering Server Side Includes (SSI) with f.e. nginx.
Downloads
36
Readme
React SSI Include
React component for rendering Server Side Includes (SSI) with f.e. nginx.
Installation
With NPM
npm install --save react-ssi-include
With Yarn
yarn add react-ssi-include
Usage
The component is meant to be used alongside Server Side Rendering (SSR). Tested with next.js (SSR) and a fronting nginx (k8s).
import { SSIInclude } from 'react-ssi-include'
const Component = () => (
<SSIInclude
tagId="partial-container"
url="https://example.com/some-partial"
onClientSideFetch={(err, status) => {
if (err) {
console.error(err)
}
// content is loaded
}}
/>
)
Notes
Automatically falls back to resolve the content client side in case the SSI directive hasn't been resolved.
In case you plan to use this on a kubernetes cluster, then double check whether the ssi nginx core module is available with your current ingress controller. In case it's not, you might want to replace it with a different one, see https://github.com/nginxinc/kubernetes-ingress/blob/master/docs/nginx-ingress-controllers.md