create-lx2-app 0.10.0 → 0.10.2
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.
- package/dist/index.js +11 -11
- package/package.json +1 -1
- package/template/packages/src/app/page/base.tsx +19 -14
- package/template/packages/src/app/page/with-authjs-drizzle.tsx +30 -18
- package/template/packages/src/app/page/with-authjs-prisma.tsx +38 -18
- package/template/packages/src/app/page/with-authjs.tsx +36 -16
- package/template/packages/src/app/page/with-better-auth-drizzle.tsx +30 -18
- package/template/packages/src/app/page/with-better-auth-prisma.tsx +30 -18
- package/template/packages/src/app/page/with-better-auth.tsx +27 -16
- package/template/packages/src/app/page/with-drizzle.tsx +22 -16
- package/template/packages/src/app/page/with-payload.tsx +32 -22
- package/template/packages/src/app/page/with-prisma.tsx +22 -16
|
@@ -10,6 +10,7 @@ export default async function HomePage() {
|
|
|
10
10
|
|
|
11
11
|
return (
|
|
12
12
|
<main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
|
|
13
|
+
{/* Header */}
|
|
13
14
|
<header className="ml-auto">
|
|
14
15
|
{user ? (
|
|
15
16
|
<button
|
|
@@ -37,10 +38,11 @@ export default async function HomePage() {
|
|
|
37
38
|
<div className="flex grow flex-col items-center justify-center">
|
|
38
39
|
{/* Logo */}
|
|
39
40
|
<picture className="relative">
|
|
40
|
-
<div className="absolute inset-0 animate-pulse
|
|
41
|
-
|
|
41
|
+
<div className="absolute inset-0 animate-pulse bg-linear-to-r from-[oklch(0.7468_0.1455_302.21)] via-[oklch(0.7345_0.0464_270.71)] to-[oklch(0.7563_0.1807_347.17)] opacity-20 blur-lg dark:via-[oklch(0.5567_0.0816_269.53)]" />
|
|
42
|
+
|
|
43
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
42
44
|
<img
|
|
43
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
45
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
44
46
|
alt="Logo"
|
|
45
47
|
width={65}
|
|
46
48
|
height={65}
|
|
@@ -48,21 +50,37 @@ export default async function HomePage() {
|
|
|
48
50
|
/>
|
|
49
51
|
</picture>
|
|
50
52
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
{/* Title & Description */}
|
|
54
|
+
{user ? (
|
|
55
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
56
|
+
Welcome,{" "}
|
|
57
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
58
|
+
{user.name}
|
|
59
|
+
</span>
|
|
60
|
+
!
|
|
61
|
+
</h1>
|
|
62
|
+
) : (
|
|
63
|
+
<>
|
|
64
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
65
|
+
Create{" "}
|
|
66
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
67
|
+
App
|
|
68
|
+
</h1>
|
|
69
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
70
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
71
|
+
</p>
|
|
72
|
+
</>
|
|
73
|
+
)}
|
|
57
74
|
|
|
75
|
+
{/* Links */}
|
|
58
76
|
<div className="mt-12 flex items-center gap-3">
|
|
59
77
|
<a
|
|
60
|
-
href="https://create.lx2.dev"
|
|
78
|
+
href="https://create.lx2.dev/docs"
|
|
61
79
|
target="_blank"
|
|
62
80
|
rel="noopener noreferrer"
|
|
63
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
81
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
64
82
|
>
|
|
65
|
-
|
|
83
|
+
Docs
|
|
66
84
|
<svg
|
|
67
85
|
xmlns="http://www.w3.org/2000/svg"
|
|
68
86
|
viewBox="0 0 24 24"
|
|
@@ -75,12 +93,12 @@ export default async function HomePage() {
|
|
|
75
93
|
</svg>
|
|
76
94
|
</a>
|
|
77
95
|
<a
|
|
78
|
-
href="https://
|
|
96
|
+
href="https://link.lx2.dev/discord"
|
|
79
97
|
target="_blank"
|
|
80
98
|
rel="noopener noreferrer"
|
|
81
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
99
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
82
100
|
>
|
|
83
|
-
|
|
101
|
+
Discord
|
|
84
102
|
<svg
|
|
85
103
|
xmlns="http://www.w3.org/2000/svg"
|
|
86
104
|
viewBox="0 0 24 24"
|
|
@@ -96,7 +114,7 @@ export default async function HomePage() {
|
|
|
96
114
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
97
115
|
target="_blank"
|
|
98
116
|
rel="noopener noreferrer"
|
|
99
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
117
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
100
118
|
>
|
|
101
119
|
GitHub
|
|
102
120
|
<svg
|
|
@@ -112,6 +130,8 @@ export default async function HomePage() {
|
|
|
112
130
|
</a>
|
|
113
131
|
</div>
|
|
114
132
|
</div>
|
|
133
|
+
|
|
134
|
+
{/* Footer */}
|
|
115
135
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
116
136
|
<p className="m-0">Get started by editing </p>
|
|
117
137
|
<a
|
|
@@ -20,6 +20,7 @@ export default async function HomePage() {
|
|
|
20
20
|
|
|
21
21
|
return (
|
|
22
22
|
<main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
|
|
23
|
+
{/* Header */}
|
|
23
24
|
<header className="ml-auto">
|
|
24
25
|
{user ? (
|
|
25
26
|
<button
|
|
@@ -59,10 +60,11 @@ export default async function HomePage() {
|
|
|
59
60
|
<div className="flex grow flex-col items-center justify-center">
|
|
60
61
|
{/* Logo */}
|
|
61
62
|
<picture className="relative">
|
|
62
|
-
<div className="absolute inset-0 animate-pulse
|
|
63
|
-
|
|
63
|
+
<div className="absolute inset-0 animate-pulse bg-linear-to-r from-[oklch(0.7468_0.1455_302.21)] via-[oklch(0.7345_0.0464_270.71)] to-[oklch(0.7563_0.1807_347.17)] opacity-20 blur-lg dark:via-[oklch(0.5567_0.0816_269.53)]" />
|
|
64
|
+
|
|
65
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
64
66
|
<img
|
|
65
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
67
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
66
68
|
alt="Logo"
|
|
67
69
|
width={65}
|
|
68
70
|
height={65}
|
|
@@ -70,29 +72,37 @@ export default async function HomePage() {
|
|
|
70
72
|
/>
|
|
71
73
|
</picture>
|
|
72
74
|
|
|
75
|
+
{/* Title & Description */}
|
|
73
76
|
{user ? (
|
|
74
|
-
<h1 className="mt-6
|
|
75
|
-
Welcome,
|
|
77
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
78
|
+
Welcome,{" "}
|
|
79
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
80
|
+
{user.name}
|
|
81
|
+
</span>
|
|
82
|
+
!
|
|
76
83
|
</h1>
|
|
77
84
|
) : (
|
|
78
85
|
<>
|
|
79
|
-
<h1 className="mt-6
|
|
80
|
-
|
|
86
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
87
|
+
Create{" "}
|
|
88
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
89
|
+
App
|
|
81
90
|
</h1>
|
|
82
|
-
<p className="
|
|
83
|
-
|
|
91
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
92
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
84
93
|
</p>
|
|
85
94
|
</>
|
|
86
95
|
)}
|
|
87
96
|
|
|
97
|
+
{/* Links */}
|
|
88
98
|
<div className="mt-12 flex items-center gap-3">
|
|
89
99
|
<a
|
|
90
|
-
href="https://create.lx2.dev"
|
|
100
|
+
href="https://create.lx2.dev/docs"
|
|
91
101
|
target="_blank"
|
|
92
102
|
rel="noopener noreferrer"
|
|
93
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
103
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
94
104
|
>
|
|
95
|
-
|
|
105
|
+
Docs
|
|
96
106
|
<svg
|
|
97
107
|
xmlns="http://www.w3.org/2000/svg"
|
|
98
108
|
viewBox="0 0 24 24"
|
|
@@ -105,12 +115,12 @@ export default async function HomePage() {
|
|
|
105
115
|
</svg>
|
|
106
116
|
</a>
|
|
107
117
|
<a
|
|
108
|
-
href="https://
|
|
118
|
+
href="https://link.lx2.dev/discord"
|
|
109
119
|
target="_blank"
|
|
110
120
|
rel="noopener noreferrer"
|
|
111
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
121
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
112
122
|
>
|
|
113
|
-
|
|
123
|
+
Discord
|
|
114
124
|
<svg
|
|
115
125
|
xmlns="http://www.w3.org/2000/svg"
|
|
116
126
|
viewBox="0 0 24 24"
|
|
@@ -126,7 +136,7 @@ export default async function HomePage() {
|
|
|
126
136
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
127
137
|
target="_blank"
|
|
128
138
|
rel="noopener noreferrer"
|
|
129
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
139
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
130
140
|
>
|
|
131
141
|
GitHub
|
|
132
142
|
<svg
|
|
@@ -142,13 +152,14 @@ export default async function HomePage() {
|
|
|
142
152
|
</a>
|
|
143
153
|
</div>
|
|
144
154
|
|
|
155
|
+
{/* Posts */}
|
|
145
156
|
<div className="mt-12 flex flex-col items-center gap-3">
|
|
146
157
|
<div className="mb-4">
|
|
147
|
-
<
|
|
158
|
+
<h2 className="mb-4 text-center">
|
|
148
159
|
<span className="text-2xl text-neutral-700 dark:text-neutral-300">
|
|
149
160
|
Posts {posts.length}
|
|
150
161
|
</span>
|
|
151
|
-
</
|
|
162
|
+
</h2>
|
|
152
163
|
|
|
153
164
|
{user ? (
|
|
154
165
|
<form
|
|
@@ -220,6 +231,7 @@ export default async function HomePage() {
|
|
|
220
231
|
</div>
|
|
221
232
|
</div>
|
|
222
233
|
|
|
234
|
+
{/* Footer */}
|
|
223
235
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
224
236
|
<p className="m-0">Get started by editing </p>
|
|
225
237
|
<a
|
|
@@ -18,6 +18,7 @@ export default async function HomePage() {
|
|
|
18
18
|
|
|
19
19
|
return (
|
|
20
20
|
<main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
|
|
21
|
+
{/* Header */}
|
|
21
22
|
<header className="ml-auto">
|
|
22
23
|
{user ? (
|
|
23
24
|
<button
|
|
@@ -57,10 +58,11 @@ export default async function HomePage() {
|
|
|
57
58
|
<div className="flex grow flex-col items-center justify-center">
|
|
58
59
|
{/* Logo */}
|
|
59
60
|
<picture className="relative">
|
|
60
|
-
<div className="absolute inset-0 animate-pulse
|
|
61
|
-
|
|
61
|
+
<div className="absolute inset-0 animate-pulse bg-linear-to-r from-[oklch(0.7468_0.1455_302.21)] via-[oklch(0.7345_0.0464_270.71)] to-[oklch(0.7563_0.1807_347.17)] opacity-20 blur-lg dark:via-[oklch(0.5567_0.0816_269.53)]" />
|
|
62
|
+
|
|
63
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
62
64
|
<img
|
|
63
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
65
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
64
66
|
alt="Logo"
|
|
65
67
|
width={65}
|
|
66
68
|
height={65}
|
|
@@ -68,29 +70,37 @@ export default async function HomePage() {
|
|
|
68
70
|
/>
|
|
69
71
|
</picture>
|
|
70
72
|
|
|
73
|
+
{/* Title & Description */}
|
|
71
74
|
{user ? (
|
|
72
|
-
<h1 className="mt-6
|
|
73
|
-
Welcome,
|
|
75
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
76
|
+
Welcome,{" "}
|
|
77
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
78
|
+
{user.name}
|
|
79
|
+
</span>
|
|
80
|
+
!
|
|
74
81
|
</h1>
|
|
75
82
|
) : (
|
|
76
83
|
<>
|
|
77
|
-
<h1 className="mt-6
|
|
78
|
-
|
|
84
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
85
|
+
Create{" "}
|
|
86
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
87
|
+
App
|
|
79
88
|
</h1>
|
|
80
|
-
<p className="
|
|
81
|
-
|
|
89
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
90
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
82
91
|
</p>
|
|
83
92
|
</>
|
|
84
93
|
)}
|
|
85
94
|
|
|
95
|
+
{/* Links */}
|
|
86
96
|
<div className="mt-12 flex items-center gap-3">
|
|
87
97
|
<a
|
|
88
|
-
href="https://create.lx2.dev"
|
|
98
|
+
href="https://create.lx2.dev/docs"
|
|
89
99
|
target="_blank"
|
|
90
100
|
rel="noopener noreferrer"
|
|
91
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
101
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
92
102
|
>
|
|
93
|
-
|
|
103
|
+
Docs
|
|
94
104
|
<svg
|
|
95
105
|
xmlns="http://www.w3.org/2000/svg"
|
|
96
106
|
viewBox="0 0 24 24"
|
|
@@ -103,12 +113,12 @@ export default async function HomePage() {
|
|
|
103
113
|
</svg>
|
|
104
114
|
</a>
|
|
105
115
|
<a
|
|
106
|
-
href="https://
|
|
116
|
+
href="https://link.lx2.dev/discord"
|
|
107
117
|
target="_blank"
|
|
108
118
|
rel="noopener noreferrer"
|
|
109
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
119
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
110
120
|
>
|
|
111
|
-
|
|
121
|
+
Discord
|
|
112
122
|
<svg
|
|
113
123
|
xmlns="http://www.w3.org/2000/svg"
|
|
114
124
|
viewBox="0 0 24 24"
|
|
@@ -124,7 +134,7 @@ export default async function HomePage() {
|
|
|
124
134
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
125
135
|
target="_blank"
|
|
126
136
|
rel="noopener noreferrer"
|
|
127
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
137
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
128
138
|
>
|
|
129
139
|
GitHub
|
|
130
140
|
<svg
|
|
@@ -140,13 +150,14 @@ export default async function HomePage() {
|
|
|
140
150
|
</a>
|
|
141
151
|
</div>
|
|
142
152
|
|
|
153
|
+
{/* Posts */}
|
|
143
154
|
<div className="mt-12 flex flex-col items-center gap-3">
|
|
144
155
|
<div className="mb-4">
|
|
145
|
-
<
|
|
156
|
+
<h2 className="mb-4 text-center">
|
|
146
157
|
<span className="text-2xl text-neutral-700 dark:text-neutral-300">
|
|
147
158
|
Posts {posts.length}
|
|
148
159
|
</span>
|
|
149
|
-
</
|
|
160
|
+
</h2>
|
|
150
161
|
|
|
151
162
|
{user && (
|
|
152
163
|
<form
|
|
@@ -231,6 +242,7 @@ export default async function HomePage() {
|
|
|
231
242
|
</div>
|
|
232
243
|
</div>
|
|
233
244
|
|
|
245
|
+
{/* Footer */}
|
|
234
246
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
235
247
|
<p className="m-0">Get started by editing </p>
|
|
236
248
|
<a
|
|
@@ -14,6 +14,7 @@ export default async function HomePage() {
|
|
|
14
14
|
|
|
15
15
|
return (
|
|
16
16
|
<main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
|
|
17
|
+
{/* Header */}
|
|
17
18
|
<header className="ml-auto">
|
|
18
19
|
{user ? (
|
|
19
20
|
<button
|
|
@@ -53,10 +54,11 @@ export default async function HomePage() {
|
|
|
53
54
|
<div className="flex grow flex-col items-center justify-center">
|
|
54
55
|
{/* Logo */}
|
|
55
56
|
<picture className="relative">
|
|
56
|
-
<div className="absolute inset-0 animate-pulse
|
|
57
|
-
|
|
57
|
+
<div className="absolute inset-0 animate-pulse bg-linear-to-r from-[oklch(0.7468_0.1455_302.21)] via-[oklch(0.7345_0.0464_270.71)] to-[oklch(0.7563_0.1807_347.17)] opacity-20 blur-lg dark:via-[oklch(0.5567_0.0816_269.53)]" />
|
|
58
|
+
|
|
59
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
58
60
|
<img
|
|
59
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
61
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
60
62
|
alt="Logo"
|
|
61
63
|
width={65}
|
|
62
64
|
height={65}
|
|
@@ -64,29 +66,37 @@ export default async function HomePage() {
|
|
|
64
66
|
/>
|
|
65
67
|
</picture>
|
|
66
68
|
|
|
69
|
+
{/* Title & Description */}
|
|
67
70
|
{user ? (
|
|
68
|
-
<h1 className="mt-6
|
|
69
|
-
Welcome,
|
|
71
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
72
|
+
Welcome,{" "}
|
|
73
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
74
|
+
{user.name}
|
|
75
|
+
</span>
|
|
76
|
+
!
|
|
70
77
|
</h1>
|
|
71
78
|
) : (
|
|
72
79
|
<>
|
|
73
|
-
<h1 className="mt-6
|
|
74
|
-
|
|
80
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
81
|
+
Create{" "}
|
|
82
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
83
|
+
App
|
|
75
84
|
</h1>
|
|
76
|
-
<p className="
|
|
77
|
-
|
|
85
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
86
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
78
87
|
</p>
|
|
79
88
|
</>
|
|
80
89
|
)}
|
|
81
90
|
|
|
91
|
+
{/* Links */}
|
|
82
92
|
<div className="mt-12 flex items-center gap-3">
|
|
83
93
|
<a
|
|
84
|
-
href="https://create.lx2.dev"
|
|
94
|
+
href="https://create.lx2.dev/docs"
|
|
85
95
|
target="_blank"
|
|
86
96
|
rel="noopener noreferrer"
|
|
87
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
97
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
88
98
|
>
|
|
89
|
-
|
|
99
|
+
Docs
|
|
90
100
|
<svg
|
|
91
101
|
xmlns="http://www.w3.org/2000/svg"
|
|
92
102
|
viewBox="0 0 24 24"
|
|
@@ -99,12 +109,12 @@ export default async function HomePage() {
|
|
|
99
109
|
</svg>
|
|
100
110
|
</a>
|
|
101
111
|
<a
|
|
102
|
-
href="https://
|
|
112
|
+
href="https://link.lx2.dev/discord"
|
|
103
113
|
target="_blank"
|
|
104
114
|
rel="noopener noreferrer"
|
|
105
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
115
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
106
116
|
>
|
|
107
|
-
|
|
117
|
+
Discord
|
|
108
118
|
<svg
|
|
109
119
|
xmlns="http://www.w3.org/2000/svg"
|
|
110
120
|
viewBox="0 0 24 24"
|
|
@@ -120,7 +130,7 @@ export default async function HomePage() {
|
|
|
120
130
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
121
131
|
target="_blank"
|
|
122
132
|
rel="noopener noreferrer"
|
|
123
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
133
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
124
134
|
>
|
|
125
135
|
GitHub
|
|
126
136
|
<svg
|
|
@@ -137,6 +147,7 @@ export default async function HomePage() {
|
|
|
137
147
|
</div>
|
|
138
148
|
</div>
|
|
139
149
|
|
|
150
|
+
{/* Footer */}
|
|
140
151
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
141
152
|
<p className="m-0">Get started by editing </p>
|
|
142
153
|
<a
|
|
@@ -15,10 +15,11 @@ export default async function HomePage() {
|
|
|
15
15
|
<div className="flex grow flex-col items-center justify-center">
|
|
16
16
|
{/* Logo */}
|
|
17
17
|
<picture className="relative">
|
|
18
|
-
<div className="absolute inset-0 animate-pulse
|
|
19
|
-
|
|
18
|
+
<div className="absolute inset-0 animate-pulse bg-linear-to-r from-[oklch(0.7468_0.1455_302.21)] via-[oklch(0.7345_0.0464_270.71)] to-[oklch(0.7563_0.1807_347.17)] opacity-20 blur-lg dark:via-[oklch(0.5567_0.0816_269.53)]" />
|
|
19
|
+
|
|
20
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
20
21
|
<img
|
|
21
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
22
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
22
23
|
alt="Logo"
|
|
23
24
|
width={65}
|
|
24
25
|
height={65}
|
|
@@ -26,21 +27,24 @@ export default async function HomePage() {
|
|
|
26
27
|
/>
|
|
27
28
|
</picture>
|
|
28
29
|
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
{/* Title & Description */}
|
|
31
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
32
|
+
Create <span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
33
|
+
App
|
|
31
34
|
</h1>
|
|
32
|
-
<p className="
|
|
33
|
-
|
|
35
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
36
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
34
37
|
</p>
|
|
35
38
|
|
|
39
|
+
{/* Links */}
|
|
36
40
|
<div className="mt-12 flex items-center gap-3">
|
|
37
41
|
<a
|
|
38
|
-
href="https://create.lx2.dev"
|
|
42
|
+
href="https://create.lx2.dev/docs"
|
|
39
43
|
target="_blank"
|
|
40
44
|
rel="noopener noreferrer"
|
|
41
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
45
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
42
46
|
>
|
|
43
|
-
|
|
47
|
+
Docs
|
|
44
48
|
<svg
|
|
45
49
|
xmlns="http://www.w3.org/2000/svg"
|
|
46
50
|
viewBox="0 0 24 24"
|
|
@@ -53,12 +57,12 @@ export default async function HomePage() {
|
|
|
53
57
|
</svg>
|
|
54
58
|
</a>
|
|
55
59
|
<a
|
|
56
|
-
href="https://
|
|
60
|
+
href="https://link.lx2.dev/discord"
|
|
57
61
|
target="_blank"
|
|
58
62
|
rel="noopener noreferrer"
|
|
59
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
63
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
60
64
|
>
|
|
61
|
-
|
|
65
|
+
Discord
|
|
62
66
|
<svg
|
|
63
67
|
xmlns="http://www.w3.org/2000/svg"
|
|
64
68
|
viewBox="0 0 24 24"
|
|
@@ -74,7 +78,7 @@ export default async function HomePage() {
|
|
|
74
78
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
75
79
|
target="_blank"
|
|
76
80
|
rel="noopener noreferrer"
|
|
77
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
81
|
+
className="flex items-center rounded-md border border-white/25 px-2 py-1 outline-none hover:opacity-80 focus:opacity-80 active:opacity-70"
|
|
78
82
|
>
|
|
79
83
|
GitHub
|
|
80
84
|
<svg
|
|
@@ -90,13 +94,14 @@ export default async function HomePage() {
|
|
|
90
94
|
</a>
|
|
91
95
|
</div>
|
|
92
96
|
|
|
97
|
+
{/* Posts */}
|
|
93
98
|
<div className="mt-12 flex flex-col items-center gap-3">
|
|
94
99
|
<div className="mb-4">
|
|
95
|
-
<
|
|
100
|
+
<h2 className="mb-4 text-center">
|
|
96
101
|
<span className="text-2xl text-neutral-700 dark:text-neutral-300">
|
|
97
102
|
Posts {posts.length}
|
|
98
103
|
</span>
|
|
99
|
-
</
|
|
104
|
+
</h2>
|
|
100
105
|
|
|
101
106
|
<form
|
|
102
107
|
action={async (formData: FormData) => {
|
|
@@ -158,6 +163,7 @@ export default async function HomePage() {
|
|
|
158
163
|
</div>
|
|
159
164
|
</div>
|
|
160
165
|
|
|
166
|
+
{/* Footer */}
|
|
161
167
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
162
168
|
<p className="m-0">Get started by editing </p>
|
|
163
169
|
<a
|