guydumais/next-strict-csp-basic-integration-document.tsx

## next-strict-csp-basic-integration-document.tsx
...

// Next.js libraries
import Document, { Html, Head, Main, NextScript } from 'next/document'

// Next Strict Content Security Policy
import { NextStrictCSP } from 'next-strict-csp'

...

// Enable Head Strict CSP in production mode only
const HeadCSP = process.env.NODE_ENV === 'production' ? NextStrictCSP : Head

...

// Document component
class MyDoc extends Document {

  render() {
    return (
      <Html>
        <HeadCSP>
          { process.env.NODE_ENV === 'production' &&
          <meta httpEquiv="Content-Security-Policy" />
          }

          ...

        </HeadCSP>
        <body>

          ...

          <Main />
          <NextScript />

          ...

        </body>
      </Html>
    )
  }

}
	...

	// Next.js libraries
	import Document, { Html, Head, Main, NextScript } from 'next/document'

	// Next Strict Content Security Policy
	import { NextStrictCSP } from 'next-strict-csp'

	...

	// Enable Head Strict CSP in production mode only
	const HeadCSP = process.env.NODE_ENV === 'production' ? NextStrictCSP : Head

	...

	// Document component
	class MyDoc extends Document {

	render() {
	return (
	<Html>
	<HeadCSP>
	{ process.env.NODE_ENV === 'production' &&
	<meta httpEquiv="Content-Security-Policy" />
	}

	...

	</HeadCSP>
	<body>

	...

	<Main />
	<NextScript />

	...

	</body>
	</Html>
	)
	}

	}