If I only use a package inside of getStaticProps will it be included in the browser's bundle?

[ricokahler]

If I only use a package inside of getStaticProps, will it be included in the browser's bundle?

e.g.

import someLargePackage from 'some-large-package';

export async function getStaticProps(context) {
  const something = await someLargePackage(context.params?.slug);

  return {
    props: { something },
  }
}

// ...

This some-large-package is really only needed during build time. I'm curious if next knows how to remove it from browser bundle.

Thanks!

[Timer]

This will not be in the browser bundle:
https://nextjs.org/docs/basic-features/data-fetching#write-server-side-code-directly

You can put your code in this to verify:
https://next-code-elimination.now.sh/

[ricokahler]

I tried using sharp to convert images within getStaticProps and it gave me an error saying something about how sharp uses child_process. Am I able to use sharp in getStaticProps?

[Timer]

Yes. Make sure the code is eliminated in that tool above!