Ensure fetch polyfill is loaded in next-server (#33616)

Author: ijjk

packages/next/build/utils.ts

@@ -1,3 +1,4 @@
+import '../server/node-polyfill-fetch'
 import chalk from 'next/dist/compiled/chalk'
 import getGzipSize from 'next/dist/compiled/gzip-size'
 import textTable from 'next/dist/compiled/text-table'

packages/next/server/next-server.ts

@@ -1,3 +1,4 @@
+import './node-polyfill-fetch'
 import type { Params, Route } from './router'
 import type { CacheFs } from '../shared/lib/utils'
 import type { MiddlewareManifest } from '../build/webpack/plugins/middleware-plugin'

test/production/required-server-files/pages/api/optional/[[...rest]].js

@@ -1,7 +1,9 @@
-export default (req, res) => {
+export default async (req, res) => {
   console.log(req.url, 'query', req.query)
   res.json({
     url: req.url,
     query: req.query,
+    // make sure fetch if polyfilled
+    example: await fetch('https://example.com').then((res) => res.text()),
   })
 }

test/production/required-server-files/pages/fallback/[slug].js

@@ -10,7 +10,10 @@ export const getStaticProps = ({ params }) => {
   }
 }
 
-export const getStaticPaths = () => {
+export const getStaticPaths = async () => {
+  // make sure fetch if polyfilled
+  await fetch('https://example.com').then((res) => res.text())
+
   return {
     paths: ['/fallback/first'],
     fallback: true,

test/production/required-server-files/pages/gssp.js

@@ -19,6 +19,8 @@ export async function getServerSideProps({ res }) {
     props: {
       hello: 'world',
       data,
+      // make sure fetch if polyfilled
+      example: await fetch('https://example.com').then((res) => res.text()),
     },
   }
 }