Next Contentful
React library for integrating react-contentful into the server-side rendering of your Next.js app.
Install
Via npm
npm install --save next-contentful-with-environment
Via Yarn
yarn add next-contentful-with-environment
How to use
To use next-contentful-with-environment
, just set the parameters that will be used by the
ContentfulClient
from react-contentful
and wraps your Next.js app in a ContentfulProvider
and handles initiating both
the ContentfulClient
for both SSR/requests and the browser client.
Any Query
instance that appear in your React tree will be queued and requested
server-side and included in the initial state to make reduce the requests being
made by the client and results in your Next/React app rendering faster client-side.
Here’s an example of how it is used:
;;; // Contentful config propertiesconst accessToken = '[CONTENTFUL ACCESS TOKEN]';const host = 'cdn.contentful.com';const space = '[CONTENTFUL SPACE]'; static async { let pageProps = {}; if ComponentgetInitialProps pageProps = await Component; return pageProps ; } { const Component pageProps store = thisprops; return <Container> <Component ...pageProps /> </Container> ; } accessToken host spaceMyApp;