Consider the following things when the Next.js app is running in production.
- Error tracking and alerting
Error tracking and alerting are crucial in the production environment, proactively fixing the errors leads to a better user experience. Sentry is one of the error tracking services, and it provides alerting for unhandled exceptions. You should receive an email when something wrong happens.
Sentry issues show the error stack trace, device, operating system, and browser information. The project dashboard shows an unhandled exception once it's thrown. Run the following commands for integration with the Next.js app.
npm i @sentry/nextjsnpx @sentry/wizard -i nextjs
IntlAPI is not supported in some browsers. Cover it with a fallback.
localStorageAPI is not available when cookies are blocked. Cover it with a fallback.
Here is the link to the boilerplate I use for the development.