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.
Files changed (12) hide show
  1. package/dist/index.js +11 -11
  2. package/package.json +1 -1
  3. package/template/packages/src/app/page/base.tsx +19 -14
  4. package/template/packages/src/app/page/with-authjs-drizzle.tsx +30 -18
  5. package/template/packages/src/app/page/with-authjs-prisma.tsx +38 -18
  6. package/template/packages/src/app/page/with-authjs.tsx +36 -16
  7. package/template/packages/src/app/page/with-better-auth-drizzle.tsx +30 -18
  8. package/template/packages/src/app/page/with-better-auth-prisma.tsx +30 -18
  9. package/template/packages/src/app/page/with-better-auth.tsx +27 -16
  10. package/template/packages/src/app/page/with-drizzle.tsx +22 -16
  11. package/template/packages/src/app/page/with-payload.tsx +32 -22
  12. package/template/packages/src/app/page/with-prisma.tsx +22 -16
package/template/packages/src/app/page/with-payload.tsx CHANGED
@@ -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 rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
20
- <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
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/main/docs/v1/public/logo.light.png?raw=true"
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
- {!user && (
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 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">
33
- Lx2 Next.js App
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="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
36
- Build modern web applications with today&apos;s most popular tools
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
- Website
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://create.lx2.dev/docs"
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
- Docs
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
package/template/packages/src/app/page/with-prisma.tsx CHANGED
@@ -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 rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
17
- <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
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/main/docs/v1/public/logo.light.png?raw=true"
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
- <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">
28
- Lx2 Next.js App
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="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
31
- Build modern web applications with today&apos;s most popular tools
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
- Website
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://create.lx2.dev/docs"
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
- Docs
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
- <h1 className="mb-4 text-center">
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
- </h1>
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