mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
fd2bd2952e
## Move "Ready in X" log before config loading and eliminate duplicate `loadConfig` calls ### What? Reorder the dev server startup flow so the "Ready in X" log appears before loading the user's `next.config.js`, and eliminate duplicate `loadConfig` calls in both dev and build paths. ### Why? Previously, the "Ready in X" time included the time spent loading and evaluating the user's `next.config.js` file. This made the framework appear slower than it actually is, especially for projects with complex config files or slow config evaluation. Additionally, config was being loaded twice: - **Dev server**: Once in `getStartServerInfo()` just for logging, then again in `getRequestHandlers()` - **Build**: Once for the main build, then again in `getStartServerInfo()` just for logging ### How? **Before:** ``` 1. getStartServerInfo() → loadConfig #1 (slow - blocks on next.config.js) 2. logStartInfo() → logs version, URLs, experimental features 3. "Ready in X" ← time includes config loading 4. getRequestHandlers() → loadConfig #2 ``` **After:** ``` 1. logStartInfo() → logs version, URLs, envInfo (no config needed) 2. "Ready in X" ← reflects actual framework startup time 3. getRequestHandlers() → loadConfig (once) 4. logExperimentalInfo() → logs experimental features ``` **Changes:** - Split `logStartInfo` into two functions: - `logStartInfo()` - basic info (version, URLs, env) - no config needed - `logExperimentalInfo()` - experimental features and cacheComponents - Removed `getStartServerInfo()` which was loading config unnecessarily - Added `experimentalFeatures` and `cacheComponents` to `ServerInitResult` so they can be passed back after config loads - In build, added `reportExperimentalFeatures` callback to the existing `loadConfig` call instead of loading config twice --------- Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
describe('next-phase', () => {
|
|
const { next, isNextDev, skipped } = nextTestSetup({
|
|
// This test is skipped when deployed because it asserts against runtime
|
|
// logs that cannot be queried in a deployed environment.
|
|
skipDeployment: true,
|
|
files: {
|
|
'app/layout.js': `export default function Layout({ children }) {
|
|
return <html><body>{children}</body></html>
|
|
}`,
|
|
'app/page.js': `export default function Page() { return <p>{'app'}</p> }`,
|
|
'pages/foo.js': `export default function Page() { return <p>{'pages'}</p> }`,
|
|
'next.config.js': `
|
|
module.exports = (phase, { defaultConfig }) => {
|
|
console.log(phase)
|
|
return defaultConfig
|
|
}
|
|
`,
|
|
},
|
|
})
|
|
|
|
if (skipped) return
|
|
|
|
it('should render page with next phase correctly', async () => {
|
|
await next.fetch('/')
|
|
await next.fetch('/foo')
|
|
|
|
const phases = {
|
|
dev: 'phase-development-server',
|
|
build: 'phase-production-build',
|
|
start: 'phase-production-server',
|
|
}
|
|
const currentPhase = isNextDev ? phases.dev : phases.build
|
|
const nonExistedPhase = isNextDev ? phases.build : phases.dev
|
|
|
|
expect(next.cliOutput).toContain(currentPhase)
|
|
expect(next.cliOutput).not.toContain(nonExistedPhase)
|
|
|
|
if (isNextDev) {
|
|
expect(next.cliOutput).not.toContain(phases.start)
|
|
} else {
|
|
expect(next.cliOutput).toContain(phases.start)
|
|
}
|
|
})
|
|
})
|