create-next-app 16.3.0-preview.5 → 16.3.0-preview.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/templates/app/js/app/page.js +4 -1
  3. package/dist/templates/app/js/app/page.module.css +8 -0
  4. package/dist/templates/app/ts/app/page.module.css +8 -0
  5. package/dist/templates/app/ts/app/page.tsx +4 -1
  6. package/dist/templates/app-tw/js/app/page.js +7 -3
  7. package/dist/templates/app-tw/ts/app/page.tsx +7 -3
  8. package/dist/templates/default/js/pages/index.js +4 -1
  9. package/dist/templates/default/js/styles/Home.module.css +8 -0
  10. package/dist/templates/default/ts/pages/index.tsx +4 -1
  11. package/dist/templates/default/ts/styles/Home.module.css +8 -0
  12. package/dist/templates/default-tw/js/pages/index.js +8 -4
  13. package/dist/templates/default-tw/ts/pages/index.tsx +8 -4
  14. package/package.json +1 -1
package/dist/templates/app/js/app/page.js CHANGED
@@ -14,7 +14,10 @@ export default function Home() {
14
14
  priority
15
15
  />
16
16
  <div className={styles.intro}>
17
- <h1>To get started, edit the page.js file.</h1>
17
+ <h1>
18
+ To get started, edit the{" "}
19
+ <code className={styles.code}>page.js</code> file.
20
+ </h1>
18
21
  <p>
19
22
  Looking for a starting point or more instructions? Head over to{" "}
20
23
  <a
package/dist/templates/app/js/app/page.module.css CHANGED
@@ -140,3 +140,11 @@ a.secondary {
140
140
  --button-secondary-border: #1a1a1a;
141
141
  }
142
142
  }
143
+
144
+ .code {
145
+ font-family: var(--font-geist-mono);
146
+ font-size: 0.9em;
147
+ background: color-mix(in srgb, currentColor 8%, transparent);
148
+ padding: 0.1em 0.4em;
149
+ border-radius: 6px;
150
+ }
package/dist/templates/app/ts/app/page.module.css CHANGED
@@ -140,3 +140,11 @@ a.secondary {
140
140
  --button-secondary-border: #1a1a1a;
141
141
  }
142
142
  }
143
+
144
+ .code {
145
+ font-family: var(--font-geist-mono);
146
+ font-size: 0.9em;
147
+ background: color-mix(in srgb, currentColor 8%, transparent);
148
+ padding: 0.1em 0.4em;
149
+ border-radius: 6px;
150
+ }
package/dist/templates/app/ts/app/page.tsx CHANGED
@@ -14,7 +14,10 @@ export default function Home() {
14
14
  priority
15
15
  />
16
16
  <div className={styles.intro}>
17
- <h1>To get started, edit the page.tsx file.</h1>
17
+ <h1>
18
+ To get started, edit the{" "}
19
+ <code className={styles.code}>page.tsx</code> file.
20
+ </h1>
18
21
  <p>
19
22
  Looking for a starting point or more instructions? Head over to{" "}
20
23
  <a
package/dist/templates/app-tw/js/app/page.js CHANGED
@@ -5,7 +5,7 @@ export default function Home() {
5
5
  <div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
6
6
  <main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
7
7
  <Image
8
- className="dark:invert"
8
+ className="dark:invert h-5 w-[100px]"
9
9
  src="/next.svg"
10
10
  alt="Next.js logo"
11
11
  width={100}
@@ -14,7 +14,11 @@ export default function Home() {
14
14
  />
15
15
  <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
16
16
  <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
17
- To get started, edit the page.js file.
17
+ To get started, edit the{" "}
18
+ <code className="rounded bg-black/[.06] px-1.5 py-0.5 font-mono text-[0.9em] dark:bg-white/[.08]">
19
+ page.js
20
+ </code>{" "}
21
+ file.
18
22
  </h1>
19
23
  <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
20
24
  Looking for a starting point or more instructions? Head over to{" "}
@@ -42,7 +46,7 @@ export default function Home() {
42
46
  rel="noopener noreferrer"
43
47
  >
44
48
  <Image
45
- className="dark:invert"
49
+ className="dark:invert h-[14px] w-4"
46
50
  src="/vercel.svg"
47
51
  alt="Vercel logomark"
48
52
  width={16}
package/dist/templates/app-tw/ts/app/page.tsx CHANGED
@@ -5,7 +5,7 @@ export default function Home() {
5
5
  <div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
6
6
  <main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
7
7
  <Image
8
- className="dark:invert"
8
+ className="dark:invert h-5 w-[100px]"
9
9
  src="/next.svg"
10
10
  alt="Next.js logo"
11
11
  width={100}
@@ -14,7 +14,11 @@ export default function Home() {
14
14
  />
15
15
  <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
16
16
  <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
17
- To get started, edit the page.tsx file.
17
+ To get started, edit the{" "}
18
+ <code className="rounded bg-black/[.06] px-1.5 py-0.5 font-mono text-[0.9em] dark:bg-white/[.08]">
19
+ page.tsx
20
+ </code>{" "}
21
+ file.
18
22
  </h1>
19
23
  <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
20
24
  Looking for a starting point or more instructions? Head over to{" "}
@@ -42,7 +46,7 @@ export default function Home() {
42
46
  rel="noopener noreferrer"
43
47
  >
44
48
  <Image
45
- className="dark:invert"
49
+ className="dark:invert h-[14px] w-4"
46
50
  src="/vercel.svg"
47
51
  alt="Vercel logomark"
48
52
  width={16}
package/dist/templates/default/js/pages/index.js CHANGED
@@ -35,7 +35,10 @@ export default function Home() {
35
35
  priority
36
36
  />
37
37
  <div className={styles.intro}>
38
- <h1>To get started, edit the index.js file.</h1>
38
+ <h1>
39
+ To get started, edit the{" "}
40
+ <code className={styles.code}>index.js</code> file.
41
+ </h1>
39
42
  <p>
40
43
  Looking for a starting point or more instructions? Head over to{" "}
41
44
  <a
package/dist/templates/default/js/styles/Home.module.css CHANGED
@@ -139,3 +139,11 @@ a.secondary {
139
139
  --button-secondary-border: #1a1a1a;
140
140
  }
141
141
  }
142
+
143
+ .code {
144
+ font-family: var(--font-geist-mono);
145
+ font-size: 0.9em;
146
+ background: color-mix(in srgb, currentColor 8%, transparent);
147
+ padding: 0.1em 0.4em;
148
+ border-radius: 6px;
149
+ }
package/dist/templates/default/ts/pages/index.tsx CHANGED
@@ -35,7 +35,10 @@ export default function Home() {
35
35
  priority
36
36
  />
37
37
  <div className={styles.intro}>
38
- <h1>To get started, edit the index.tsx file.</h1>
38
+ <h1>
39
+ To get started, edit the{" "}
40
+ <code className={styles.code}>index.tsx</code> file.
41
+ </h1>
39
42
  <p>
40
43
  Looking for a starting point or more instructions? Head over to{" "}
41
44
  <a
package/dist/templates/default/ts/styles/Home.module.css CHANGED
@@ -139,3 +139,11 @@ a.secondary {
139
139
  --button-secondary-border: #1a1a1a;
140
140
  }
141
141
  }
142
+
143
+ .code {
144
+ font-family: var(--font-geist-mono);
145
+ font-size: 0.9em;
146
+ background: color-mix(in srgb, currentColor 8%, transparent);
147
+ padding: 0.1em 0.4em;
148
+ border-radius: 6px;
149
+ }
package/dist/templates/default-tw/js/pages/index.js CHANGED
@@ -14,11 +14,11 @@ const geistMono = Geist_Mono({
14
14
  export default function Home() {
15
15
  return (
16
16
  <div
17
- className={`${geistSans.className} ${geistMono.className} flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black`}
17
+ className={`${geistSans.variable} ${geistMono.variable} flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black`}
18
18
  >
19
19
  <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
20
20
  <Image
21
- className="dark:invert"
21
+ className="dark:invert h-5 w-[100px]"
22
22
  src="/next.svg"
23
23
  alt="Next.js logo"
24
24
  width={100}
@@ -27,7 +27,11 @@ export default function Home() {
27
27
  />
28
28
  <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
29
29
  <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
30
- To get started, edit the index.js file.
30
+ To get started, edit the{" "}
31
+ <code className="rounded bg-black/[.06] px-1.5 py-0.5 font-mono text-[0.9em] dark:bg-white/[.08]">
32
+ index.js
33
+ </code>{" "}
34
+ file.
31
35
  </h1>
32
36
  <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
33
37
  Looking for a starting point or more instructions? Head over to{" "}
@@ -55,7 +59,7 @@ export default function Home() {
55
59
  rel="noopener noreferrer"
56
60
  >
57
61
  <Image
58
- className="dark:invert"
62
+ className="dark:invert h-[14px] w-4"
59
63
  src="/vercel.svg"
60
64
  alt="Vercel logomark"
61
65
  width={16}
package/dist/templates/default-tw/ts/pages/index.tsx CHANGED
@@ -14,11 +14,11 @@ const geistMono = Geist_Mono({
14
14
  export default function Home() {
15
15
  return (
16
16
  <div
17
- className={`${geistSans.className} ${geistMono.className} flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black`}
17
+ className={`${geistSans.variable} ${geistMono.variable} flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black`}
18
18
  >
19
19
  <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
20
20
  <Image
21
- className="dark:invert"
21
+ className="dark:invert h-5 w-[100px]"
22
22
  src="/next.svg"
23
23
  alt="Next.js logo"
24
24
  width={100}
@@ -27,7 +27,11 @@ export default function Home() {
27
27
  />
28
28
  <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
29
29
  <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
30
- To get started, edit the index.tsx file.
30
+ To get started, edit the{" "}
31
+ <code className="rounded bg-black/[.06] px-1.5 py-0.5 font-mono text-[0.9em] dark:bg-white/[.08]">
32
+ index.tsx
33
+ </code>{" "}
34
+ file.
31
35
  </h1>
32
36
  <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
33
37
  Looking for a starting point or more instructions? Head over to{" "}
@@ -55,7 +59,7 @@ export default function Home() {
55
59
  rel="noopener noreferrer"
56
60
  >
57
61
  <Image
58
- className="dark:invert"
62
+ className="dark:invert h-[14px] w-4"
59
63
  src="/vercel.svg"
60
64
  alt="Vercel logomark"
61
65
  width={16}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-next-app",
3
- "version": "16.3.0-preview.5",
3
+ "version": "16.3.0-preview.6",
4
4
  "keywords": [
5
5
  "react",
6
6
  "next",