mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
bd727d6f19
## Overview This PR replaces the existing Next.js boilerplate with a new minimal design in light and dark themes. <img width="1512" height="856" alt="light" src="https://github.com/user-attachments/assets/542f1a8a-3ee1-466d-9446-e7cdb6ecf3b8" /> <img width="3024" height="1710" alt="dark" src="https://github.com/user-attachments/assets/afb89daa-8bcf-4173-9d47-b7fb2fad70bb" /> ## Testing 1. Run `pnpm build` at root 2. Enter the template directory (e.g. `cd packages/create-next-app/templates/app/ts`) then install its dependencies `pnpm i` 3. Run `pnpm next dev packages/create-next-app/templates/app/ts` at root 4. Open [localhost:3000](http://localhost:3000/) --------- Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com> Co-authored-by: rauno <[email protected]> Co-authored-by: skullface <[email protected]>
101 lines
2.7 KiB
TypeScript
101 lines
2.7 KiB
TypeScript
import execa from 'execa'
|
|
import { join } from 'path'
|
|
import { fetchViaHTTP, findPort, killApp, launchApp } from 'next-test-utils'
|
|
|
|
export const CNA_PATH = require.resolve('create-next-app/dist/index.js')
|
|
export const EXAMPLE_REPO = 'https://github.com/vercel/next.js/tree/canary'
|
|
export const EXAMPLE_PATH = 'examples/basic-css'
|
|
export const FULL_EXAMPLE_PATH = `${EXAMPLE_REPO}/${EXAMPLE_PATH}`
|
|
export const DEFAULT_FILES = [
|
|
'.gitignore',
|
|
'package.json',
|
|
'app/page.tsx',
|
|
'app/layout.tsx',
|
|
'node_modules/next',
|
|
]
|
|
|
|
export const run = async (
|
|
args: string[],
|
|
nextJSVersion: string,
|
|
options:
|
|
| execa.Options
|
|
| {
|
|
reject?: boolean
|
|
env?: Record<string, string>
|
|
}
|
|
) => {
|
|
return execa('node', [CNA_PATH].concat(args), {
|
|
// tests with options.reject false are expected to exit(1) so don't inherit
|
|
stdio: options.reject === false ? 'pipe' : 'inherit',
|
|
...options,
|
|
env: {
|
|
...process.env,
|
|
...options.env,
|
|
NEXT_PRIVATE_TEST_VERSION: nextJSVersion,
|
|
},
|
|
})
|
|
}
|
|
|
|
export const command = (cmd: string, args: string[]) =>
|
|
execa(cmd, args, {
|
|
stdio: 'inherit',
|
|
env: { ...process.env },
|
|
})
|
|
|
|
export async function tryNextDev({
|
|
cwd,
|
|
projectName,
|
|
isApp = true,
|
|
isApi = false,
|
|
isEmpty = false,
|
|
}: {
|
|
cwd: string
|
|
projectName: string
|
|
isApp?: boolean
|
|
isApi?: boolean
|
|
isEmpty?: boolean
|
|
}) {
|
|
const dir = join(cwd, projectName)
|
|
const port = await findPort()
|
|
const app = await launchApp(dir, port, {
|
|
nextBin: join(dir, 'node_modules/next/dist/bin/next'),
|
|
})
|
|
|
|
try {
|
|
const res = await fetchViaHTTP(port, '/')
|
|
if (isEmpty || isApi) {
|
|
expect(await res.text()).toContain('Hello world!')
|
|
} else {
|
|
const responseText = await res.text()
|
|
// App Router uses page.tsx/page.js, Pages Router uses index.tsx/index.js
|
|
const hasAppRouterText =
|
|
responseText.includes('To get started, edit the page.tsx file.') ||
|
|
responseText.includes('To get started, edit the page.js file.')
|
|
const hasPagesRouterText =
|
|
responseText.includes('To get started, edit the index.tsx file.') ||
|
|
responseText.includes('To get started, edit the index.js file.')
|
|
expect(hasAppRouterText || hasPagesRouterText).toBe(true)
|
|
}
|
|
expect(res.status).toBe(200)
|
|
|
|
if (!isApp && !isEmpty) {
|
|
const apiRes = await fetchViaHTTP(port, '/api/hello')
|
|
expect(await apiRes.json()).toEqual({ name: 'John Doe' })
|
|
expect(apiRes.status).toBe(200)
|
|
}
|
|
} finally {
|
|
await killApp(app)
|
|
}
|
|
}
|
|
|
|
export {
|
|
createNextApp,
|
|
projectFilesShouldExist,
|
|
projectFilesShouldNotExist,
|
|
projectShouldHaveNoGitChanges,
|
|
shouldBeTemplateProject,
|
|
shouldBeJavascriptProject,
|
|
shouldBeTypescriptProject,
|
|
} from './lib/utils'
|
|
export { useTempDir } from '../../lib/use-temp-dir'
|