What is the next/script component, and why should you use it instead of a plain HTML script tag?

The next/script component gives you fine grained control over when and how third party scripts load, letting you choose strategies that avoid blocking the main page content from rendering, unlike a plain script tag which can slow down the initial page load if placed carelessly.

import Script from 'next/script';

export default function Layout({ children }) {
  return (
    <>
      {children}
      <Script src="https://analytics.example.com/script.js" strategy="afterInteractive" />
    </>
  );
}