Skip to content

Commit 815538d

Browse files
authored
wizard should use defaults as per docs (#73)
1 parent ce4d052 commit 815538d

8 files changed

Lines changed: 305 additions & 30 deletions

File tree

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
import Image from 'next/image';
2+
import Link from 'next/link';
3+
4+
export default function ExamplePage() {
5+
return (
6+
<div>
7+
<main>
8+
<Image
9+
src="https://nextjs.org/icons/next.svg"
10+
alt="Next.js logo"
11+
width={180}
12+
height={38}
13+
priority
14+
/>
15+
<ol>
16+
<li>
17+
Go to the <Link href="/">home page</Link>.
18+
</li>
19+
</ol>
20+
21+
<div>
22+
<a
23+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
24+
target="_blank"
25+
rel="noopener noreferrer"
26+
>
27+
<Image
28+
src="https://nextjs.org/icons/vercel.svg"
29+
alt="Vercel logomark"
30+
width={20}
31+
height={20}
32+
/>
33+
Deploy now
34+
</a>
35+
<a
36+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
37+
target="_blank"
38+
rel="noopener noreferrer"
39+
>
40+
Read our docs
41+
</a>
42+
</div>
43+
</main>
44+
<footer>
45+
<a
46+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
47+
target="_blank"
48+
rel="noopener noreferrer"
49+
>
50+
<Image
51+
aria-hidden
52+
src="https://nextjs.org/icons/file.svg"
53+
alt="File icon"
54+
width={16}
55+
height={16}
56+
/>
57+
Learn
58+
</a>
59+
<a
60+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
61+
target="_blank"
62+
rel="noopener noreferrer"
63+
>
64+
<Image
65+
aria-hidden
66+
src="https://nextjs.org/icons/window.svg"
67+
alt="Window icon"
68+
width={16}
69+
height={16}
70+
/>
71+
Examples
72+
</a>
73+
<a
74+
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
75+
target="_blank"
76+
rel="noopener noreferrer"
77+
>
78+
<Image
79+
aria-hidden
80+
src="https://nextjs.org/icons/globe.svg"
81+
alt="Globe icon"
82+
width={16}
83+
height={16}
84+
/>
85+
Go to nextjs.org →
86+
</a>
87+
</footer>
88+
</div>
89+
);
90+
}

e2e-tests/test-applications/nextjs-app-router-test-app/src/app/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import Image from "next/image";
1+
import Image from 'next/image';
2+
import Link from 'next/link';
23

34
export default function Home() {
45
return (
@@ -13,9 +14,8 @@ export default function Home() {
1314
/>
1415
<ol>
1516
<li>
16-
Get started by editing <code>src/app/page.tsx</code>.
17+
Go to the <Link href="/example">example page</Link>.
1718
</li>
18-
<li>Save and see your changes instantly.</li>
1919
</ol>
2020

2121
<div>
Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
import Image from 'next/image';
2+
import styles from '../page.module.css';
3+
import Link from 'next/link';
4+
5+
export default function ExamplePage() {
6+
return (
7+
<div className={styles.page}>
8+
<main className={styles.main}>
9+
<Image
10+
className={styles.logo}
11+
src="/next.svg"
12+
alt="Next.js logo"
13+
width={180}
14+
height={38}
15+
priority
16+
/>
17+
<ol>
18+
<li>
19+
Go to the <Link href="/">home page</Link>.
20+
</li>
21+
</ol>
22+
23+
<div className={styles.ctas}>
24+
<a
25+
className={styles.primary}
26+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
27+
target="_blank"
28+
rel="noopener noreferrer"
29+
>
30+
<Image
31+
className={styles.logo}
32+
src="/vercel.svg"
33+
alt="Vercel logomark"
34+
width={20}
35+
height={20}
36+
/>
37+
Deploy now
38+
</a>
39+
<a
40+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
41+
target="_blank"
42+
rel="noopener noreferrer"
43+
className={styles.secondary}
44+
>
45+
Read our docs
46+
</a>
47+
</div>
48+
</main>
49+
<footer className={styles.footer}>
50+
<a
51+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
52+
target="_blank"
53+
rel="noopener noreferrer"
54+
>
55+
<Image
56+
aria-hidden
57+
src="/file.svg"
58+
alt="File icon"
59+
width={16}
60+
height={16}
61+
/>
62+
Learn
63+
</a>
64+
<a
65+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
66+
target="_blank"
67+
rel="noopener noreferrer"
68+
>
69+
<Image
70+
aria-hidden
71+
src="/window.svg"
72+
alt="Window icon"
73+
width={16}
74+
height={16}
75+
/>
76+
Examples
77+
</a>
78+
<a
79+
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
80+
target="_blank"
81+
rel="noopener noreferrer"
82+
>
83+
<Image
84+
aria-hidden
85+
src="/globe.svg"
86+
alt="Globe icon"
87+
width={16}
88+
height={16}
89+
/>
90+
Go to nextjs.org →
91+
</a>
92+
</footer>
93+
</div>
94+
);
95+
}

e2e-tests/test-applications/nextjs-instrumentation-client-test-app/src/app/page.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
import Image from "next/image";
2-
import styles from "./page.module.css";
1+
import Image from 'next/image';
2+
import styles from './page.module.css';
3+
import Link from 'next/link';
34

45
export default function Home() {
56
return (
@@ -15,9 +16,8 @@ export default function Home() {
1516
/>
1617
<ol>
1718
<li>
18-
Get started by editing <code>src/app/page.tsx</code>.
19+
Go to the <Link href="/example">example page</Link>.
1920
</li>
20-
<li>Save and see your changes instantly.</li>
2121
</ol>
2222

2323
<div className={styles.ctas}>
Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
import Image from 'next/image';
2+
import Link from 'next/link';
3+
4+
export default function ExamplePage() {
5+
return (
6+
<div
7+
className={`grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20`}
8+
>
9+
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
10+
<Image
11+
className="dark:invert"
12+
src="/next.svg"
13+
alt="Next.js logo"
14+
width={180}
15+
height={38}
16+
priority
17+
/>
18+
<ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
19+
<li className="mb-2">
20+
Go to the <Link href="/">home page</Link>.
21+
</li>
22+
</ol>
23+
24+
<div className="flex gap-4 items-center flex-col sm:flex-row">
25+
<a
26+
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
27+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
28+
target="_blank"
29+
rel="noopener noreferrer"
30+
>
31+
<Image
32+
className="dark:invert"
33+
src="/vercel.svg"
34+
alt="Vercel logomark"
35+
width={20}
36+
height={20}
37+
/>
38+
Deploy now
39+
</a>
40+
<a
41+
className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44"
42+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
43+
target="_blank"
44+
rel="noopener noreferrer"
45+
>
46+
Read our docs
47+
</a>
48+
</div>
49+
</main>
50+
<footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
51+
<a
52+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
53+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
54+
target="_blank"
55+
rel="noopener noreferrer"
56+
>
57+
<Image
58+
aria-hidden
59+
src="/file.svg"
60+
alt="File icon"
61+
width={16}
62+
height={16}
63+
/>
64+
Learn
65+
</a>
66+
<a
67+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
68+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
69+
target="_blank"
70+
rel="noopener noreferrer"
71+
>
72+
<Image
73+
aria-hidden
74+
src="/window.svg"
75+
alt="Window icon"
76+
width={16}
77+
height={16}
78+
/>
79+
Examples
80+
</a>
81+
<a
82+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
83+
href="https://nextjs.org?utm_source=create-next-app&utm_medium=default-template-tw&utm_campaign=create-next-app"
84+
target="_blank"
85+
rel="noopener noreferrer"
86+
>
87+
<Image
88+
aria-hidden
89+
src="/globe.svg"
90+
alt="Globe icon"
91+
width={16}
92+
height={16}
93+
/>
94+
Go to nextjs.org →
95+
</a>
96+
</footer>
97+
</div>
98+
);
99+
}

e2e-tests/test-applications/nextjs-pages-router-test-app/src/pages/index.tsx

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import Image from "next/image";
2-
import { Geist, Geist_Mono } from "next/font/google";
1+
import Image from 'next/image';
2+
import { Geist, Geist_Mono } from 'next/font/google';
3+
import Link from 'next/link';
34

45
const geistSans = Geist({
5-
variable: "--font-geist-sans",
6-
subsets: ["latin"],
6+
variable: '--font-geist-sans',
7+
subsets: ['latin'],
78
});
89

910
const geistMono = Geist_Mono({
10-
variable: "--font-geist-mono",
11-
subsets: ["latin"],
11+
variable: '--font-geist-mono',
12+
subsets: ['latin'],
1213
});
1314

1415
export default function Home() {
@@ -27,13 +28,8 @@ export default function Home() {
2728
/>
2829
<ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
2930
<li className="mb-2">
30-
Get started by editing{" "}
31-
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
32-
src/pages/index.tsx
33-
</code>
34-
.
31+
Go to the <Link href="/example">example page</Link>.
3532
</li>
36-
<li>Save and see your changes instantly.</li>
3733
</ol>
3834

3935
<div className="flex gap-4 items-center flex-col sm:flex-row">

0 commit comments

Comments
 (0)