@digigov/nextjs

Next.js utilities for @digigov projects.

Included,

• common _app and _document components with support for,

  • SSR style handling.
  • @digigov/ui/app/App component.
  • use @digigov/ui/navigation/Link/LinkProvider to set next/Link as the default Link component across app.

• react-i18next initializer

Usage

1$ yarn add @digigov/nextjs

Create _app and _document components,

pages/_app.js

1import initI18n from '@digigov/nextjs/i18n';
2import el from '../locales/el';
3initI18n({
4  el: {
5    translation: el
6  }
7});
8
9import App from '@digigov/nextjs/App';
10export default App;

pages/_document.js

1import Document from '@digigov/nextjs/Document';
2export default Document;

Drawbacks

next.js spawns two transpilation processes for SSR and client code using different configuration options. _app, _doc are provided as raw .tsx modules to prevent transpilation conflicts. You need to modify next.js webpack configuration to include @digigov/nextjs components as though they where located in locally in your project.