Cara Setting / membuat favicon di Next.js Web Statik?
- Buat folder
/static
di dalam root project anda. - Tambah atau masukan image favicon anda di dalam folder /static.
- Kemudian buat file
_document.js
di dalam folder/pages/.
- Tambah kan script
<link rel="shortcut icon" href="/static/favicon.ico" />
di dalam tag head. - Kemudian silahkan di jalankan
npm run build && npm run export
Contoh file _documen.js
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render() {
return (
<Html>
<Head>
<link rel="shortcut icon" href="/static/favicon.ico" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
}
export default MyDocument;
Happy Cooding Semoga Berhasil...
favicon nextJs nextJs