Why is my favicon not working in my next js app?

Put the favicons in an /image directory inside the /public directory and put the code below in your _app.js <Head> <link rel=”shortcut icon” href=”/images/favicon.ico” /> <link rel=”apple-touch-icon” sizes=”180×180″ href=”/images/apple-touch-icon.png” /> <link rel=”icon” type=”image/png” sizes=”32×32″ href=”/images/favicon-32×32.png”/> <link rel=”icon” type=”image/png” sizes=”16×16″ href=”/images/favicon-16×16.png”/> </Head>

/tmp/chromium: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory Vercel

I had the same issue where puppeteer was running okay on my local environment but when i deployed to AWS EC2 i face up the same error shared loading libraries Solution First check the version of nodejs you are running and if its not less than v14.0 or greater than v14.0. Upgrade or downgrade (recommended … Read more

Error: Image Optimization using Next.js default loader is not compatible with `next export`

use akamai setting images.loader to ‘imgix’ caused dev and build errors. i used this instead: // next.config.js module.exports = { images: { loader: ‘akamai’, path: ”, }, } it just works for all i care about. possible values for images.loader are: [ default, imgix, cloudinary, akamai, custom ] reference: https://nextjs.org/docs/api-reference/next/image#built-in-loaders

tech