Does AMP code get bundled with the app?

[LukasBombach]

Hey there,

We are writing an application hat has a big emphasis on page load performance. We'd like to ship that same page to AMP. I can see that woth Next.js we can export a config like so

export const config = { amp: 'hybrid' };

// or
// export const config = { amp: true }

... and we would have a component that uses the useAmp hook, like

// components/Embed.tsx

import { useAmp } from 'next/amp';

export default () => {
  const isAmp = useAmp()

  if (isAmp) {
    return <iframe src="..."></iframe>
  }

  return <script src="..."></script>
}

we can enable AMP. 👉 https://nextjs.org/docs/api-reference/next/amp

But if we do that and we have a lot of those things, we'll ship lots of unused AMP code to the normal web and have an unnecessarily big bundle size.

Is that true?

Thanks,
Lukas