Thanks for the article. I was having issues using Next.js 'ReferenceError: navigator is not defined' as the server was trying to SSR the page and the window didn't exist. I changed the conditional of your firebase.js to:

if (typeof window !== 'undefined' && !firebase.apps.length)

Which solved the problem.