create-lx2-app 0.10.1 → 0.10.3
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/package.json +1 -1
- package/template/base/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
package/package.json
CHANGED
|
@@ -8,10 +8,11 @@ export default function HomePage() {
|
|
|
8
8
|
<div className="flex grow flex-col items-center justify-center">
|
|
9
9
|
{/* Logo */}
|
|
10
10
|
<picture className="relative">
|
|
11
|
-
<div className="absolute inset-0 animate-pulse
|
|
12
|
-
|
|
11
|
+
<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)]" />
|
|
12
|
+
|
|
13
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
13
14
|
<img
|
|
14
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
15
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
15
16
|
alt="Logo"
|
|
16
17
|
width={65}
|
|
17
18
|
height={65}
|
|
@@ -19,21 +20,24 @@ export default function HomePage() {
|
|
|
19
20
|
/>
|
|
20
21
|
</picture>
|
|
21
22
|
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
{/* Title & Description */}
|
|
24
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
25
|
+
Create <span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
26
|
+
App
|
|
24
27
|
</h1>
|
|
25
|
-
<p className="
|
|
26
|
-
|
|
28
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
29
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
27
30
|
</p>
|
|
28
31
|
|
|
32
|
+
{/* Links */}
|
|
29
33
|
<div className="mt-12 flex items-center gap-3">
|
|
30
34
|
<a
|
|
31
|
-
href="https://create.lx2.dev"
|
|
35
|
+
href="https://create.lx2.dev/docs"
|
|
32
36
|
target="_blank"
|
|
33
37
|
rel="noopener noreferrer"
|
|
34
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
38
|
+
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"
|
|
35
39
|
>
|
|
36
|
-
|
|
40
|
+
Docs
|
|
37
41
|
<svg
|
|
38
42
|
xmlns="http://www.w3.org/2000/svg"
|
|
39
43
|
viewBox="0 0 24 24"
|
|
@@ -46,12 +50,12 @@ export default function HomePage() {
|
|
|
46
50
|
</svg>
|
|
47
51
|
</a>
|
|
48
52
|
<a
|
|
49
|
-
href="https://
|
|
53
|
+
href="https://link.lx2.dev/discord"
|
|
50
54
|
target="_blank"
|
|
51
55
|
rel="noopener noreferrer"
|
|
52
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
56
|
+
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"
|
|
53
57
|
>
|
|
54
|
-
|
|
58
|
+
Discord
|
|
55
59
|
<svg
|
|
56
60
|
xmlns="http://www.w3.org/2000/svg"
|
|
57
61
|
viewBox="0 0 24 24"
|
|
@@ -67,7 +71,7 @@ export default function HomePage() {
|
|
|
67
71
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
68
72
|
target="_blank"
|
|
69
73
|
rel="noopener noreferrer"
|
|
70
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
74
|
+
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"
|
|
71
75
|
>
|
|
72
76
|
GitHub
|
|
73
77
|
<svg
|
|
@@ -84,6 +88,7 @@ export default function HomePage() {
|
|
|
84
88
|
</div>
|
|
85
89
|
</div>
|
|
86
90
|
|
|
91
|
+
{/* Footer */}
|
|
87
92
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
88
93
|
<p className="m-0">Get started by editing </p>
|
|
89
94
|
<a
|
|
@@ -16,6 +16,7 @@ export default async function HomePage() {
|
|
|
16
16
|
|
|
17
17
|
return (
|
|
18
18
|
<main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
|
|
19
|
+
{/* Header */}
|
|
19
20
|
<header className="ml-auto">
|
|
20
21
|
{user ? (
|
|
21
22
|
<button
|
|
@@ -43,10 +44,11 @@ export default async function HomePage() {
|
|
|
43
44
|
<div className="flex grow flex-col items-center justify-center">
|
|
44
45
|
{/* Logo */}
|
|
45
46
|
<picture className="relative">
|
|
46
|
-
<div className="absolute inset-0 animate-pulse
|
|
47
|
-
|
|
47
|
+
<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)]" />
|
|
48
|
+
|
|
49
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
48
50
|
<img
|
|
49
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
51
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
50
52
|
alt="Logo"
|
|
51
53
|
width={65}
|
|
52
54
|
height={65}
|
|
@@ -54,29 +56,37 @@ export default async function HomePage() {
|
|
|
54
56
|
/>
|
|
55
57
|
</picture>
|
|
56
58
|
|
|
59
|
+
{/* Title & Description */}
|
|
57
60
|
{user ? (
|
|
58
|
-
<h1 className="mt-6
|
|
59
|
-
Welcome,
|
|
61
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
62
|
+
Welcome,{" "}
|
|
63
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
64
|
+
{user.name}
|
|
65
|
+
</span>
|
|
66
|
+
!
|
|
60
67
|
</h1>
|
|
61
68
|
) : (
|
|
62
69
|
<>
|
|
63
|
-
<h1 className="mt-6
|
|
64
|
-
|
|
70
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
71
|
+
Create{" "}
|
|
72
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
73
|
+
App
|
|
65
74
|
</h1>
|
|
66
|
-
<p className="
|
|
67
|
-
|
|
75
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
76
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
68
77
|
</p>
|
|
69
78
|
</>
|
|
70
79
|
)}
|
|
71
80
|
|
|
81
|
+
{/* Links */}
|
|
72
82
|
<div className="mt-12 flex items-center gap-3">
|
|
73
83
|
<a
|
|
74
|
-
href="https://create.lx2.dev"
|
|
84
|
+
href="https://create.lx2.dev/docs"
|
|
75
85
|
target="_blank"
|
|
76
86
|
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"
|
|
87
|
+
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
88
|
>
|
|
79
|
-
|
|
89
|
+
Docs
|
|
80
90
|
<svg
|
|
81
91
|
xmlns="http://www.w3.org/2000/svg"
|
|
82
92
|
viewBox="0 0 24 24"
|
|
@@ -89,12 +99,12 @@ export default async function HomePage() {
|
|
|
89
99
|
</svg>
|
|
90
100
|
</a>
|
|
91
101
|
<a
|
|
92
|
-
href="https://
|
|
102
|
+
href="https://link.lx2.dev/discord"
|
|
93
103
|
target="_blank"
|
|
94
104
|
rel="noopener noreferrer"
|
|
95
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
105
|
+
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"
|
|
96
106
|
>
|
|
97
|
-
|
|
107
|
+
Discord
|
|
98
108
|
<svg
|
|
99
109
|
xmlns="http://www.w3.org/2000/svg"
|
|
100
110
|
viewBox="0 0 24 24"
|
|
@@ -110,7 +120,7 @@ export default async function HomePage() {
|
|
|
110
120
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
111
121
|
target="_blank"
|
|
112
122
|
rel="noopener noreferrer"
|
|
113
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
123
|
+
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"
|
|
114
124
|
>
|
|
115
125
|
GitHub
|
|
116
126
|
<svg
|
|
@@ -126,13 +136,14 @@ export default async function HomePage() {
|
|
|
126
136
|
</a>
|
|
127
137
|
</div>
|
|
128
138
|
|
|
139
|
+
{/* Posts */}
|
|
129
140
|
<div className="mt-12 flex flex-col items-center gap-3">
|
|
130
141
|
<div className="mb-4">
|
|
131
|
-
<
|
|
142
|
+
<h2 className="mb-4 text-center">
|
|
132
143
|
<span className="text-2xl text-neutral-700 dark:text-neutral-300">
|
|
133
144
|
Posts {posts.length}
|
|
134
145
|
</span>
|
|
135
|
-
</
|
|
146
|
+
</h2>
|
|
136
147
|
|
|
137
148
|
{user ? (
|
|
138
149
|
<form
|
|
@@ -208,6 +219,7 @@ export default async function HomePage() {
|
|
|
208
219
|
</div>
|
|
209
220
|
</div>
|
|
210
221
|
|
|
222
|
+
{/* Footer */}
|
|
211
223
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
212
224
|
<p className="m-0">Get started by editing </p>
|
|
213
225
|
<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
|
|
@@ -41,10 +42,11 @@ export default async function HomePage() {
|
|
|
41
42
|
<div className="flex grow flex-col items-center justify-center">
|
|
42
43
|
{/* Logo */}
|
|
43
44
|
<picture className="relative">
|
|
44
|
-
<div className="absolute inset-0 animate-pulse
|
|
45
|
-
|
|
45
|
+
<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)]" />
|
|
46
|
+
|
|
47
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
46
48
|
<img
|
|
47
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
49
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
48
50
|
alt="Logo"
|
|
49
51
|
width={65}
|
|
50
52
|
height={65}
|
|
@@ -52,21 +54,37 @@ export default async function HomePage() {
|
|
|
52
54
|
/>
|
|
53
55
|
</picture>
|
|
54
56
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
{/* Title & Description */}
|
|
58
|
+
{user ? (
|
|
59
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
60
|
+
Welcome,{" "}
|
|
61
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
62
|
+
{user.name}
|
|
63
|
+
</span>
|
|
64
|
+
!
|
|
65
|
+
</h1>
|
|
66
|
+
) : (
|
|
67
|
+
<>
|
|
68
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
69
|
+
Create{" "}
|
|
70
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
71
|
+
App
|
|
72
|
+
</h1>
|
|
73
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
74
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
75
|
+
</p>
|
|
76
|
+
</>
|
|
77
|
+
)}
|
|
61
78
|
|
|
79
|
+
{/* Links */}
|
|
62
80
|
<div className="mt-12 flex items-center gap-3">
|
|
63
81
|
<a
|
|
64
|
-
href="https://create.lx2.dev"
|
|
82
|
+
href="https://create.lx2.dev/docs"
|
|
65
83
|
target="_blank"
|
|
66
84
|
rel="noopener noreferrer"
|
|
67
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
85
|
+
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"
|
|
68
86
|
>
|
|
69
|
-
|
|
87
|
+
Docs
|
|
70
88
|
<svg
|
|
71
89
|
xmlns="http://www.w3.org/2000/svg"
|
|
72
90
|
viewBox="0 0 24 24"
|
|
@@ -79,12 +97,12 @@ export default async function HomePage() {
|
|
|
79
97
|
</svg>
|
|
80
98
|
</a>
|
|
81
99
|
<a
|
|
82
|
-
href="https://
|
|
100
|
+
href="https://link.lx2.dev/discord"
|
|
83
101
|
target="_blank"
|
|
84
102
|
rel="noopener noreferrer"
|
|
85
|
-
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"
|
|
86
104
|
>
|
|
87
|
-
|
|
105
|
+
Discord
|
|
88
106
|
<svg
|
|
89
107
|
xmlns="http://www.w3.org/2000/svg"
|
|
90
108
|
viewBox="0 0 24 24"
|
|
@@ -100,7 +118,7 @@ export default async function HomePage() {
|
|
|
100
118
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
101
119
|
target="_blank"
|
|
102
120
|
rel="noopener noreferrer"
|
|
103
|
-
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"
|
|
104
122
|
>
|
|
105
123
|
GitHub
|
|
106
124
|
<svg
|
|
@@ -116,13 +134,14 @@ export default async function HomePage() {
|
|
|
116
134
|
</a>
|
|
117
135
|
</div>
|
|
118
136
|
|
|
137
|
+
{/* Posts */}
|
|
119
138
|
<div className="mt-12 flex flex-col items-center gap-3">
|
|
120
139
|
<div className="mb-4">
|
|
121
|
-
<
|
|
140
|
+
<h2 className="mb-4 text-center">
|
|
122
141
|
<span className="text-2xl text-neutral-700 dark:text-neutral-300">
|
|
123
142
|
Posts {posts.length}
|
|
124
143
|
</span>
|
|
125
|
-
</
|
|
144
|
+
</h2>
|
|
126
145
|
|
|
127
146
|
{user && (
|
|
128
147
|
<form
|
|
@@ -207,6 +226,7 @@ export default async function HomePage() {
|
|
|
207
226
|
</div>
|
|
208
227
|
</div>
|
|
209
228
|
|
|
229
|
+
{/* Footer */}
|
|
210
230
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
211
231
|
<p className="m-0">Get started by editing </p>
|
|
212
232
|
<a
|
|
@@ -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
|
|
@@ -16,10 +16,11 @@ export default async function HomePage() {
|
|
|
16
16
|
<div className="flex grow flex-col items-center justify-center">
|
|
17
17
|
{/* Logo */}
|
|
18
18
|
<picture className="relative">
|
|
19
|
-
<div className="absolute inset-0 animate-pulse
|
|
20
|
-
|
|
19
|
+
<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)]" />
|
|
20
|
+
|
|
21
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
21
22
|
<img
|
|
22
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
23
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
23
24
|
alt="Logo"
|
|
24
25
|
width={65}
|
|
25
26
|
height={65}
|
|
@@ -27,28 +28,35 @@ export default async function HomePage() {
|
|
|
27
28
|
/>
|
|
28
29
|
</picture>
|
|
29
30
|
|
|
30
|
-
{
|
|
31
|
+
{/* Title & Description */}
|
|
32
|
+
{user ? (
|
|
33
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
34
|
+
Welcome,{" "}
|
|
35
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)] capitalize">
|
|
36
|
+
{user.email}
|
|
37
|
+
</span>
|
|
38
|
+
!
|
|
39
|
+
</h1>
|
|
40
|
+
) : (
|
|
31
41
|
<>
|
|
32
|
-
<h1 className="mt-6
|
|
33
|
-
|
|
42
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
43
|
+
Create{" "}
|
|
44
|
+
<span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
45
|
+
App
|
|
34
46
|
</h1>
|
|
35
|
-
<p className="
|
|
36
|
-
|
|
47
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
48
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
37
49
|
</p>
|
|
38
50
|
</>
|
|
39
51
|
)}
|
|
40
|
-
{user && (
|
|
41
|
-
<h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
|
|
42
|
-
Welcome back, {user.email}
|
|
43
|
-
</h1>
|
|
44
|
-
)}
|
|
45
52
|
|
|
53
|
+
{/* Admin Panel & Payload Docs */}
|
|
46
54
|
<div className="mt-12 flex items-center gap-3">
|
|
47
55
|
<a
|
|
48
56
|
href={payloadConfig.routes.admin}
|
|
49
57
|
rel="noopener noreferrer"
|
|
50
58
|
target="_blank"
|
|
51
|
-
className="rounded-md bg-white px-2 py-1 text-black focus:opacity-80 focus:outline-none active:opacity-70 active:outline-none"
|
|
59
|
+
className="rounded-md bg-white px-2 py-1 text-black hover:opacity-80 focus:opacity-80 focus:outline-none active:opacity-70 active:outline-none"
|
|
52
60
|
>
|
|
53
61
|
Go to admin panel
|
|
54
62
|
</a>
|
|
@@ -56,20 +64,21 @@ export default async function HomePage() {
|
|
|
56
64
|
href="https://payloadcms.com/docs"
|
|
57
65
|
rel="noopener noreferrer"
|
|
58
66
|
target="_blank"
|
|
59
|
-
className="rounded-md border border-white px-2 py-1 text-white focus:opacity-80 focus:outline-none active:opacity-70 active:outline-none"
|
|
67
|
+
className="rounded-md border border-white px-2 py-1 text-white hover:opacity-80 focus:opacity-80 focus:outline-none active:opacity-70 active:outline-none"
|
|
60
68
|
>
|
|
61
69
|
Payload Docs
|
|
62
70
|
</a>
|
|
63
71
|
</div>
|
|
64
72
|
|
|
73
|
+
{/* Links */}
|
|
65
74
|
<div className="mt-12 flex items-center gap-3">
|
|
66
75
|
<a
|
|
67
|
-
href="https://create.lx2.dev"
|
|
76
|
+
href="https://create.lx2.dev/docs"
|
|
68
77
|
target="_blank"
|
|
69
78
|
rel="noopener noreferrer"
|
|
70
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
79
|
+
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"
|
|
71
80
|
>
|
|
72
|
-
|
|
81
|
+
Docs
|
|
73
82
|
<svg
|
|
74
83
|
xmlns="http://www.w3.org/2000/svg"
|
|
75
84
|
viewBox="0 0 24 24"
|
|
@@ -82,12 +91,12 @@ export default async function HomePage() {
|
|
|
82
91
|
</svg>
|
|
83
92
|
</a>
|
|
84
93
|
<a
|
|
85
|
-
href="https://
|
|
94
|
+
href="https://link.lx2.dev/discord"
|
|
86
95
|
target="_blank"
|
|
87
96
|
rel="noopener noreferrer"
|
|
88
|
-
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"
|
|
89
98
|
>
|
|
90
|
-
|
|
99
|
+
Discord
|
|
91
100
|
<svg
|
|
92
101
|
xmlns="http://www.w3.org/2000/svg"
|
|
93
102
|
viewBox="0 0 24 24"
|
|
@@ -103,7 +112,7 @@ export default async function HomePage() {
|
|
|
103
112
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
104
113
|
target="_blank"
|
|
105
114
|
rel="noopener noreferrer"
|
|
106
|
-
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"
|
|
107
116
|
>
|
|
108
117
|
GitHub
|
|
109
118
|
<svg
|
|
@@ -120,6 +129,7 @@ export default async function HomePage() {
|
|
|
120
129
|
</div>
|
|
121
130
|
</div>
|
|
122
131
|
|
|
132
|
+
{/* Footer */}
|
|
123
133
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
124
134
|
<p className="m-0">Get started by editing </p>
|
|
125
135
|
<a
|
|
@@ -13,10 +13,11 @@ export default async function HomePage() {
|
|
|
13
13
|
<div className="flex grow flex-col items-center justify-center">
|
|
14
14
|
{/* Logo */}
|
|
15
15
|
<picture className="relative">
|
|
16
|
-
<div className="absolute inset-0 animate-pulse
|
|
17
|
-
|
|
16
|
+
<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)]" />
|
|
17
|
+
|
|
18
|
+
<source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true" />
|
|
18
19
|
<img
|
|
19
|
-
src="https://github.com/SlickYeet/create-lx2-app/blob/
|
|
20
|
+
src="https://github.com/SlickYeet/create-lx2-app/blob/f1209465d59e03e284702d9f492f1bc1cfa49c32/docs/v2/public/android-chrome-192x192.png?raw=true"
|
|
20
21
|
alt="Logo"
|
|
21
22
|
width={65}
|
|
22
23
|
height={65}
|
|
@@ -24,21 +25,24 @@ export default async function HomePage() {
|
|
|
24
25
|
/>
|
|
25
26
|
</picture>
|
|
26
27
|
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
{/* Title & Description */}
|
|
29
|
+
<h1 className="mt-6 text-5xl font-bold tracking-tight text-balance md:text-6xl lg:text-7xl">
|
|
30
|
+
Create <span className="text-[oklch(0.7468_0.1455_302.21)]">Lx2</span>{" "}
|
|
31
|
+
App
|
|
29
32
|
</h1>
|
|
30
|
-
<p className="
|
|
31
|
-
|
|
33
|
+
<p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
|
|
34
|
+
The Most Opinionated Way to Build Next.js Apps
|
|
32
35
|
</p>
|
|
33
36
|
|
|
37
|
+
{/* Links */}
|
|
34
38
|
<div className="mt-12 flex items-center gap-3">
|
|
35
39
|
<a
|
|
36
|
-
href="https://create.lx2.dev"
|
|
40
|
+
href="https://create.lx2.dev/docs"
|
|
37
41
|
target="_blank"
|
|
38
42
|
rel="noopener noreferrer"
|
|
39
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
43
|
+
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"
|
|
40
44
|
>
|
|
41
|
-
|
|
45
|
+
Docs
|
|
42
46
|
<svg
|
|
43
47
|
xmlns="http://www.w3.org/2000/svg"
|
|
44
48
|
viewBox="0 0 24 24"
|
|
@@ -51,12 +55,12 @@ export default async function HomePage() {
|
|
|
51
55
|
</svg>
|
|
52
56
|
</a>
|
|
53
57
|
<a
|
|
54
|
-
href="https://
|
|
58
|
+
href="https://link.lx2.dev/discord"
|
|
55
59
|
target="_blank"
|
|
56
60
|
rel="noopener noreferrer"
|
|
57
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
61
|
+
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"
|
|
58
62
|
>
|
|
59
|
-
|
|
63
|
+
Discord
|
|
60
64
|
<svg
|
|
61
65
|
xmlns="http://www.w3.org/2000/svg"
|
|
62
66
|
viewBox="0 0 24 24"
|
|
@@ -72,7 +76,7 @@ export default async function HomePage() {
|
|
|
72
76
|
href="https://github.com/SlickYeet/create-lx2-app"
|
|
73
77
|
target="_blank"
|
|
74
78
|
rel="noopener noreferrer"
|
|
75
|
-
className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
|
|
79
|
+
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"
|
|
76
80
|
>
|
|
77
81
|
GitHub
|
|
78
82
|
<svg
|
|
@@ -88,13 +92,14 @@ export default async function HomePage() {
|
|
|
88
92
|
</a>
|
|
89
93
|
</div>
|
|
90
94
|
|
|
95
|
+
{/* Posts */}
|
|
91
96
|
<div className="mt-12 flex flex-col items-center gap-3">
|
|
92
97
|
<div className="mb-4">
|
|
93
|
-
<
|
|
98
|
+
<h2 className="mb-4 text-center">
|
|
94
99
|
<span className="text-2xl text-neutral-700 dark:text-neutral-300">
|
|
95
100
|
Posts {posts.length}
|
|
96
101
|
</span>
|
|
97
|
-
</
|
|
102
|
+
</h2>
|
|
98
103
|
|
|
99
104
|
<form
|
|
100
105
|
action={async (formData: FormData) => {
|
|
@@ -163,6 +168,7 @@ export default async function HomePage() {
|
|
|
163
168
|
</div>
|
|
164
169
|
</div>
|
|
165
170
|
|
|
171
|
+
{/* Footer */}
|
|
166
172
|
<div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
|
|
167
173
|
<p className="m-0">Get started by editing </p>
|
|
168
174
|
<a
|