A set of Next.js utilities to make your life easier.
Table of Contents
- Other Solutions
npm install @yolkai/next-utils
NOTE: Using any of these Higher-Order-Components will disable Automatic Static Optimization (statically built pages), since the Higher-Order-Component forces every page to implement
🔮 Apollo Client
React higher-order component (HoC) which wraps the App component and:
- Performs the page's initial GraphQL request on the server, and serializes the result to be used as the initial Apollo state once the client mounts.
- Passes the Apollo client to the wrapped App component.
React higher-order component (HoC) which wraps the App component and captures any exceptions thrown in
getInitialProps and emits them to Sentry.
Initializes Sentry and creates a
captureException function which can be used with
appWithSentry. This function is unique and adds extra Next.js information to captured exceptions.
React higher-order component (HoC) that wraps the App component in LinguiJs's
It will then detect:
- The best language to use based on the incoming request
- Load the catalog for that language, and supply it to the
🍪 React Cookies
React higher-order component (HoC) which wraps the App component and passes a cookies access object to the App component.
Next.js Page Component which redirects to the given URL using the given HTTP status code.
A small utility function helpful when redirecting users both on the server and the client.
A React Context object which is very helpful when using Next.js with preview tools such as Storybook. Allows for components to use
Router provided by an ancestor component without errors.
Some of these solutions are based on the examples found the official Next.js examples repo.
If you see an improvment please make a pull request.
Used in Production By
!!TO BE FILLED!!
This project follows the all-contributors specification. Contributions of any kind welcome!