How is the build optimized with getStaticPaths and getStaticProps?

[josias-r]

If I use graphQL for instance inside the getStaticPaths only, will it get bundled into the production anyways even if it's never used somewhere else at runtime?
The same thing for getStaticProps ofc, with the exception, that modules should get loaded when preview mode is entered, right?

[Timer]

The code used for getStaticProps / getStaticPaths is always eliminated from the client-side JavaScript files—even in Preview Mode.

This allows you to use Node.js-specific packages, like fs or a direct call to a database, without worrying about client-side size or compatibility.

[Timer]

Yup! Preview mode runs directly on the server.

[josias-r]

... That would also mean any auth token used in those functions would never be accessible to the public, noice 🥳

[Timer]

Correct!

[Timer]

You can use this website to see what Next.js will bundle for the client side, given an input:
https://next-code-elimination.now.sh/

[josias-r]

Awesome 🎉