【Next.js】Head内に要素を組み込む(外部スクリプトとか)

Next.jsでHead内にCSSや外部script、titleタグなどを組み込みたかったので調べてみました。


結論としては、

import Head from 'next/head'

をインポートし、

render関数内などに、

                <Head>
                    <script src="https://js.stripe.com/v2/"></script>
                </Head>

こんな感じでHeadタグを作って、組み込みたい要素を入れてあげるだけでOKです!

nextjs-docs-ja.netlify.com