https://sample-next-app.fabrique.social.gouv.Fr

A sample SSR Next.js app with :

• ✅ sentry
• ✅ matomo
• ✅ jest tests
• ✅ @SocialGouv linters
• ✅ @SocialGouv bootstrap
• ✅ precommit hooks
• ✅ docker-compose for local dev
• ✅ gitlab-ci
  • ✅ quality
  • ✅ docker build+push
  • ✅ semantic-release
  • ✅ features-branches environments
  • ✅ a PGweb for debug in dev
  • ✅ prod env

Start hasura and local postgres using

docker-compose up

Hasura migrations and metadata will be automatically applied.

to launch the Hasura console, you can run the command

hasura console --envfile ../.env --project hasura

And then launch the frontend (next.js app) using

yarn dev

⚠ You need to set client-side browser process.env variables at build time.

In docker this is done with --build-arg.

docker build \
  --build-arg SENTRY_DSN="https://[hash]@url.sentry.com/42" \
  --build-arg SENTRY_TOKEN="1234" \
  --build-arg MATOMO_URL="https://url.matomo.com" \
  --build-arg MATOMO_SITE_ID=42 \
  . -t sample-next-app

docker run -it --init --rm -p 3000:3000 sample-next-app

• 3rd party libs (ex: some of @sindresorhus modules) may not be ES3 compatible (breaks IE11) and wont be babelified by Next.js. You can locally import the code, make a PR to the upstream project to publish babelified version or use next-transpile-modules
• 3rd party libs may needs to be fixed to handle SSR correctly
• Follow https://github.com/zeit/next.js/tree/canary/examples/