this repo has no description
fix formatting
authored by
Peter Bacon Darwin
and committed by
Victor Berchet
57c41575
d0b7eb8e
+174
-175
+5
-4
TODO.md
+5
-4
TODO.md
···
19
19
```typescript
20
20
/** @type {import('next').NextConfig} */
21
21
const nextConfig = {
22
-
output: "standalone",
23
-
experimental: {
24
-
serverMinification: false,
25
-
},
22
+
output: "standalone",
23
+
experimental: {
24
+
serverMinification: false,
25
+
},
26
26
};
27
27
28
28
export default nextConfig;
···
58
58
```
59
59
60
60
- To build for workers:
61
+
61
62
- Build the next app once:
62
63
63
64
```sh
+1
-1
examples/create-next-app/.eslintrc.json
+1
-1
examples/create-next-app/.eslintrc.json
+3
-3
examples/create-next-app/postcss.config.mjs
+3
-3
examples/create-next-app/postcss.config.mjs
+12
-12
examples/create-next-app/src/app/globals.css
+12
-12
examples/create-next-app/src/app/globals.css
···
3
3
@tailwind utilities;
4
4
5
5
:root {
6
-
--background: #ffffff;
7
-
--foreground: #171717;
6
+
--background: #ffffff;
7
+
--foreground: #171717;
8
8
}
9
9
10
10
@media (prefers-color-scheme: dark) {
11
-
:root {
12
-
--background: #0a0a0a;
13
-
--foreground: #ededed;
14
-
}
11
+
:root {
12
+
--background: #0a0a0a;
13
+
--foreground: #ededed;
14
+
}
15
15
}
16
16
17
17
body {
18
-
color: var(--foreground);
19
-
background: var(--background);
20
-
font-family: Arial, Helvetica, sans-serif;
18
+
color: var(--foreground);
19
+
background: var(--background);
20
+
font-family: Arial, Helvetica, sans-serif;
21
21
}
22
22
23
23
@layer utilities {
24
-
.text-balance {
25
-
text-wrap: balance;
26
-
}
24
+
.text-balance {
25
+
text-wrap: balance;
26
+
}
27
27
}
+19
-19
examples/create-next-app/src/app/layout.tsx
+19
-19
examples/create-next-app/src/app/layout.tsx
···
3
3
import "./globals.css";
4
4
5
5
const geistSans = localFont({
6
-
src: "./fonts/GeistVF.woff",
7
-
variable: "--font-geist-sans",
8
-
weight: "100 900",
6
+
src: "./fonts/GeistVF.woff",
7
+
variable: "--font-geist-sans",
8
+
weight: "100 900",
9
9
});
10
10
const geistMono = localFont({
11
-
src: "./fonts/GeistMonoVF.woff",
12
-
variable: "--font-geist-mono",
13
-
weight: "100 900",
11
+
src: "./fonts/GeistMonoVF.woff",
12
+
variable: "--font-geist-mono",
13
+
weight: "100 900",
14
14
});
15
15
16
16
export const metadata: Metadata = {
17
-
title: "Create Next App",
18
-
description: "Generated by create next app",
17
+
title: "Create Next App",
18
+
description: "Generated by create next app",
19
19
};
20
20
21
21
export default function RootLayout({
22
-
children,
22
+
children,
23
23
}: Readonly<{
24
-
children: React.ReactNode;
24
+
children: React.ReactNode;
25
25
}>) {
26
-
return (
27
-
<html lang="en">
28
-
<body
29
-
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
30
-
>
31
-
{children}
32
-
</body>
33
-
</html>
34
-
);
26
+
return (
27
+
<html lang="en">
28
+
<body
29
+
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
30
+
>
31
+
{children}
32
+
</body>
33
+
</html>
34
+
);
35
35
}
+96
-96
examples/create-next-app/src/app/page.tsx
+96
-96
examples/create-next-app/src/app/page.tsx
···
1
1
import Image from "next/image";
2
2
3
3
export default function Home() {
4
-
return (
5
-
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
6
-
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
7
-
<Image
8
-
className="dark:invert"
9
-
src="https://nextjs.org/icons/next.svg"
10
-
alt="Next.js logo"
11
-
width={180}
12
-
height={38}
13
-
priority
14
-
/>
15
-
<ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
16
-
<li className="mb-2">
17
-
Get started by editing{" "}
18
-
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
19
-
src/app/page.tsx
20
-
</code>
21
-
.
22
-
</li>
23
-
<li>Save and see your changes instantly.</li>
24
-
</ol>
4
+
return (
5
+
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
6
+
<main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
7
+
<Image
8
+
className="dark:invert"
9
+
src="https://nextjs.org/icons/next.svg"
10
+
alt="Next.js logo"
11
+
width={180}
12
+
height={38}
13
+
priority
14
+
/>
15
+
<ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
16
+
<li className="mb-2">
17
+
Get started by editing{" "}
18
+
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
19
+
src/app/page.tsx
20
+
</code>
21
+
.
22
+
</li>
23
+
<li>Save and see your changes instantly.</li>
24
+
</ol>
25
25
26
-
<div className="flex gap-4 items-center flex-col sm:flex-row">
27
-
<a
28
-
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"
29
-
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
30
-
target="_blank"
31
-
rel="noopener noreferrer"
32
-
>
33
-
<Image
34
-
className="dark:invert"
35
-
src="https://nextjs.org/icons/vercel.svg"
36
-
alt="Vercel logomark"
37
-
width={20}
38
-
height={20}
39
-
/>
40
-
Deploy now
41
-
</a>
42
-
<a
43
-
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"
44
-
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
45
-
target="_blank"
46
-
rel="noopener noreferrer"
47
-
>
48
-
Read our docs
49
-
</a>
50
-
</div>
51
-
</main>
52
-
<footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
53
-
<a
54
-
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
55
-
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
56
-
target="_blank"
57
-
rel="noopener noreferrer"
58
-
>
59
-
<Image
60
-
aria-hidden
61
-
src="https://nextjs.org/icons/file.svg"
62
-
alt="File icon"
63
-
width={16}
64
-
height={16}
65
-
/>
66
-
Learn
67
-
</a>
68
-
<a
69
-
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
70
-
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
71
-
target="_blank"
72
-
rel="noopener noreferrer"
73
-
>
74
-
<Image
75
-
aria-hidden
76
-
src="https://nextjs.org/icons/window.svg"
77
-
alt="Window icon"
78
-
width={16}
79
-
height={16}
80
-
/>
81
-
Examples
82
-
</a>
83
-
<a
84
-
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
85
-
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
86
-
target="_blank"
87
-
rel="noopener noreferrer"
88
-
>
89
-
<Image
90
-
aria-hidden
91
-
src="https://nextjs.org/icons/globe.svg"
92
-
alt="Globe icon"
93
-
width={16}
94
-
height={16}
95
-
/>
96
-
Go to nextjs.org →
97
-
</a>
98
-
</footer>
99
-
</div>
100
-
);
26
+
<div className="flex gap-4 items-center flex-col sm:flex-row">
27
+
<a
28
+
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"
29
+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
30
+
target="_blank"
31
+
rel="noopener noreferrer"
32
+
>
33
+
<Image
34
+
className="dark:invert"
35
+
src="https://nextjs.org/icons/vercel.svg"
36
+
alt="Vercel logomark"
37
+
width={20}
38
+
height={20}
39
+
/>
40
+
Deploy now
41
+
</a>
42
+
<a
43
+
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"
44
+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
45
+
target="_blank"
46
+
rel="noopener noreferrer"
47
+
>
48
+
Read our docs
49
+
</a>
50
+
</div>
51
+
</main>
52
+
<footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
53
+
<a
54
+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
55
+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
56
+
target="_blank"
57
+
rel="noopener noreferrer"
58
+
>
59
+
<Image
60
+
aria-hidden
61
+
src="https://nextjs.org/icons/file.svg"
62
+
alt="File icon"
63
+
width={16}
64
+
height={16}
65
+
/>
66
+
Learn
67
+
</a>
68
+
<a
69
+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
70
+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
71
+
target="_blank"
72
+
rel="noopener noreferrer"
73
+
>
74
+
<Image
75
+
aria-hidden
76
+
src="https://nextjs.org/icons/window.svg"
77
+
alt="Window icon"
78
+
width={16}
79
+
height={16}
80
+
/>
81
+
Examples
82
+
</a>
83
+
<a
84
+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
85
+
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
86
+
target="_blank"
87
+
rel="noopener noreferrer"
88
+
>
89
+
<Image
90
+
aria-hidden
91
+
src="https://nextjs.org/icons/globe.svg"
92
+
alt="Globe icon"
93
+
width={16}
94
+
height={16}
95
+
/>
96
+
Go to nextjs.org →
97
+
</a>
98
+
</footer>
99
+
</div>
100
+
);
101
101
}
+14
-14
examples/create-next-app/tailwind.config.ts
+14
-14
examples/create-next-app/tailwind.config.ts
···
1
1
import type { Config } from "tailwindcss";
2
2
3
3
const config: Config = {
4
-
content: [
5
-
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
6
-
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
7
-
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
8
-
],
9
-
theme: {
10
-
extend: {
11
-
colors: {
12
-
background: "var(--background)",
13
-
foreground: "var(--foreground)",
14
-
},
15
-
},
16
-
},
17
-
plugins: [],
4
+
content: [
5
+
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
6
+
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
7
+
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
8
+
],
9
+
theme: {
10
+
extend: {
11
+
colors: {
12
+
background: "var(--background)",
13
+
foreground: "var(--foreground)",
14
+
},
15
+
},
16
+
},
17
+
plugins: [],
18
18
};
19
19
export default config;
+24
-24
examples/create-next-app/tsconfig.json
+24
-24
examples/create-next-app/tsconfig.json
···
1
1
{
2
-
"compilerOptions": {
3
-
"lib": ["dom", "dom.iterable", "esnext"],
4
-
"allowJs": true,
5
-
"skipLibCheck": true,
6
-
"strict": true,
7
-
"noEmit": true,
8
-
"esModuleInterop": true,
9
-
"module": "esnext",
10
-
"moduleResolution": "bundler",
11
-
"resolveJsonModule": true,
12
-
"isolatedModules": true,
13
-
"jsx": "preserve",
14
-
"incremental": true,
15
-
"plugins": [
16
-
{
17
-
"name": "next"
18
-
}
19
-
],
20
-
"paths": {
21
-
"@/*": ["./src/*"]
22
-
}
23
-
},
24
-
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
25
-
"exclude": ["node_modules"]
2
+
"compilerOptions": {
3
+
"lib": ["dom", "dom.iterable", "esnext"],
4
+
"allowJs": true,
5
+
"skipLibCheck": true,
6
+
"strict": true,
7
+
"noEmit": true,
8
+
"esModuleInterop": true,
9
+
"module": "esnext",
10
+
"moduleResolution": "bundler",
11
+
"resolveJsonModule": true,
12
+
"isolatedModules": true,
13
+
"jsx": "preserve",
14
+
"incremental": true,
15
+
"plugins": [
16
+
{
17
+
"name": "next"
18
+
}
19
+
],
20
+
"paths": {
21
+
"@/*": ["./src/*"]
22
+
}
23
+
},
24
+
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
25
+
"exclude": ["node_modules"]
26
26
}