Wed Jan 2020 1 year ago

Cara Setting / membuat favicon di Next.js Web Statik?

Cara Setting / membuat favicon di Next.js Web Statik?

  1. Buat folder /static di dalam root project anda.
  2. Tambah atau masukan image favicon anda di dalam folder /static.
  3. Kemudian buat file _document.js di dalam folder /pages/.
  4. Tambah kan script <link rel="shortcut icon" href="/static/favicon.ico" /> di dalam tag head.
  5. 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