-
+ console.log(resolvedTheme);
- {isOpen && (
-
- {Object.entries(themes).map(([themeKey, { name, icon }]) => (
+ const currentTheme = themes[(resolvedTheme || 'dark') as keyof typeof themes];
+
+ return (
+
- ))}
+
+ {isOpen && (
+
+ {Object.entries(themes).map(([themeKey, { name, icon }]) => (
+
+ ))}
+
+ )}
- )}
-
- );
+ );
}
diff --git a/src/components/auth/sign-in.tsx b/src/components/auth/sign-in.tsx
new file mode 100644
index 0000000..5692533
--- /dev/null
+++ b/src/components/auth/sign-in.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription, CardFooter } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Checkbox } from "@/components/ui/checkbox";
+import { useState } from "react";
+import { Loader2, Key } from "lucide-react";
+import { signIn } from "@/lib/auth-client";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+
+export default function SignIn() {
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [loading, setLoading] = useState(false);
+ const [rememberMe, setRememberMe] = useState(false);
+
+ return (
+
+
+ Sign In
+
+ Enter your email below to login to your account
+
+
+
+
+
+
+ {
+ setEmail(e.target.value);
+ }}
+ value={email}
+ />
+
+
+
+
+
+
+ Forgot your password?
+
+
+
+
setPassword(e.target.value)}
+ />
+
+
+
+ {
+ setRememberMe(!rememberMe);
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+ built with{" "}
+
+
+ better-auth.
+
+
+
+
+ );
+}
+
diff --git a/src/components/auth/sign-up.tsx b/src/components/auth/sign-up.tsx
new file mode 100644
index 0000000..5207802
--- /dev/null
+++ b/src/components/auth/sign-up.tsx
@@ -0,0 +1,202 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useState } from "react";
+import Image from "next/image";
+import { Loader2, X } from "lucide-react";
+import { signUp } from "@/lib/auth-client";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+
+export default function SignUp() {
+ const [firstName, setFirstName] = useState("");
+ const [lastName, setLastName] = useState("");
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [passwordConfirmation, setPasswordConfirmation] = useState("");
+ const [image, setImage] = useState
(null);
+ const [imagePreview, setImagePreview] = useState(null);
+ const router = useRouter();
+ const [loading, setLoading] = useState(false);
+
+ const handleImageChange = (e: React.ChangeEvent) => {
+ const file = e.target.files?.[0];
+ if (file) {
+ setImage(file);
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ setImagePreview(reader.result as string);
+ };
+ reader.readAsDataURL(file);
+ }
+ };
+
+ return (
+
+
+ Sign Up
+
+ Enter your information to create an account
+
+
+
+
+
+
+
+ {
+ setEmail(e.target.value);
+ }}
+ value={email}
+ />
+
+
+
+ setPassword(e.target.value)}
+ autoComplete="new-password"
+ placeholder="Password"
+ />
+
+
+
+ setPasswordConfirmation(e.target.value)}
+ autoComplete="new-password"
+ placeholder="Confirm Password"
+ />
+
+
+
+
+ {imagePreview && (
+
+
+
+ )}
+
+
+ {imagePreview && (
+ {
+ setImage(null);
+ setImagePreview(null);
+ }}
+ />
+ )}
+
+
+
+
+
+
+ Secured by better-auth.
+
+
-
-
-
- {" "}
-
-
+ return (
+
+
+
+
+
+ {" "}
+
+
- {/* Desktop Navigation */}
-
+ {/* Desktop Navigation */}
+
- {/* Mobile menu button */}
-
-
-
-
-
-
-
- {dict.navigation.home}
-
-
- {dict.navigation.about}
-
-
- {dict.navigation.events}
-
-
- {dict.navigation.contact}
-
-
-
-
+ {/* Mobile menu button */}
+
+
+
+
-
- )}
-
- );
+
+ {/* Mobile menu */}
+ {isMenuOpen && (
+
+
+
+ {dict.navigation.home}
+
+
+ {dict.navigation.about}
+
+
+ {dict.navigation.events}
+
+
+ {dict.navigation.contact}
+
+
+
+
+
+
+
+ )}
+
+ );
};
export default Header;
diff --git a/src/components/markdown/youtube.tsx b/src/components/markdown/youtube.tsx
new file mode 100644
index 0000000..143b615
--- /dev/null
+++ b/src/components/markdown/youtube.tsx
@@ -0,0 +1,13 @@
+export default function YouTube({ id }: { id: string }) {
+ return (
+
+
+
+ );
+}
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
new file mode 100644
index 0000000..cabfbfc
--- /dev/null
+++ b/src/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..24201fc
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { cn } from "@/lib/utils"
+import { CheckIcon } from "@radix-ui/react-icons"
+
+const Checkbox = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..69b64fb
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef>(
+ ({ className, type, ...props }, ref) => {
+ return (
+
+ )
+ }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+ "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef &
+ VariantProps
+>(({ className, ...props }, ref) => (
+
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..452f4d9
--- /dev/null
+++ b/src/components/ui/sonner.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "sonner"
+
+type ToasterProps = React.ComponentProps
+
+const Toaster = ({ ...props }: ToasterProps) => {
+ const { theme = "system" } = useTheme()
+
+ return (
+
+ )
+}
+
+export { Toaster }
diff --git a/src/lib/auth-client.ts b/src/lib/auth-client.ts
new file mode 100644
index 0000000..fe8349f
--- /dev/null
+++ b/src/lib/auth-client.ts
@@ -0,0 +1,17 @@
+import {
+ createAuthClient
+} from "better-auth/react";
+
+
+export const authClient = createAuthClient({
+ baseURL: process.env.NEXT_PUBLIC_APP_URL,
+
+})
+
+export const {
+ signIn,
+ signOut,
+ signUp,
+ useSession
+} = authClient;
+
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
new file mode 100644
index 0000000..d1ec136
--- /dev/null
+++ b/src/lib/auth.ts
@@ -0,0 +1,14 @@
+import { betterAuth } from 'better-auth';
+import { prismaAdapter } from 'better-auth/adapters/prisma';
+import { prisma } from './prisma';
+
+export const auth = betterAuth({
+ database: prismaAdapter(prisma, {
+ provider: 'postgresql',
+ }),
+ emailAndPassword: {
+ enabled: true,
+ },
+});
+
+export type Session = typeof auth.$Infer.Session;
diff --git a/src/lib/prisma.ts b/src/lib/prisma.ts
new file mode 100644
index 0000000..6bc14a0
--- /dev/null
+++ b/src/lib/prisma.ts
@@ -0,0 +1,7 @@
+import { PrismaClient } from '@prisma/client';
+
+const globalForPrisma = global as unknown as { prisma: PrismaClient };
+
+export const prisma = globalForPrisma.prisma || new PrismaClient();
+
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
diff --git a/src/middleware.ts b/src/proxy.ts
similarity index 96%
rename from src/middleware.ts
rename to src/proxy.ts
index fd832f4..d004a5b 100644
--- a/src/middleware.ts
+++ b/src/proxy.ts
@@ -28,7 +28,7 @@
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'
-export function middleware(request: NextRequest) {
+export function proxy(request: NextRequest) {
const pathname = request.nextUrl.pathname
// Skip middleware for static files
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 15eccb8..4279276 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,93 +1,96 @@
import type { Config } from "tailwindcss";
const config: Config = {
- darkMode: ["class"],
- content: [
- "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
- "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
- "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
- ],
- theme: {
- extend: {
- colors: {
- background: 'hsl(var(--background))',
- foreground: 'hsl(var(--foreground))',
- primary: {
- DEFAULT: 'hsl(var(--primary))',
- foreground: 'hsl(var(--primary-foreground))'
- },
- secondary: {
- DEFAULT: 'hsl(var(--secondary))',
- foreground: 'hsl(var(--secondary-foreground))'
- },
- accent: {
- DEFAULT: 'hsl(var(--accent))',
- foreground: 'hsl(var(--accent-foreground))'
- },
- muted: {
- DEFAULT: 'hsl(var(--muted))',
- foreground: 'hsl(var(--muted-foreground))'
- },
- card: {
- DEFAULT: 'hsl(var(--card))',
- foreground: 'hsl(var(--card-foreground))'
- },
- border: 'hsl(var(--border))',
- popover: {
- DEFAULT: 'hsl(var(--popover))',
- foreground: 'hsl(var(--popover-foreground))'
- },
- destructive: {
- DEFAULT: 'hsl(var(--destructive))',
- foreground: 'hsl(var(--destructive-foreground))'
- },
- input: 'hsl(var(--input))',
- ring: 'hsl(var(--ring))',
- chart: {
- '1': 'hsl(var(--chart-1))',
- '2': 'hsl(var(--chart-2))',
- '3': 'hsl(var(--chart-3))',
- '4': 'hsl(var(--chart-4))',
- '5': 'hsl(var(--chart-5))'
+ darkMode: ['selector', '[data-mode="dark"]'],
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ extend: {
+ colors: {
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
+ primary: {
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))'
+ },
+ secondary: {
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))'
+ },
+ accent: {
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))'
+ },
+ muted: {
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))'
+ },
+ card: {
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))'
+ },
+ border: 'hsl(var(--border))',
+ popover: {
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))'
+ },
+ destructive: {
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))'
+ },
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ chart: {
+ '1': 'hsl(var(--chart-1))',
+ '2': 'hsl(var(--chart-2))',
+ '3': 'hsl(var(--chart-3))',
+ '4': 'hsl(var(--chart-4))',
+ '5': 'hsl(var(--chart-5))'
+ }
+ },
+ borderRadius: {
+ lg: 'var(--radius)',
+ md: 'calc(var(--radius) - 2px)',
+ sm: 'calc(var(--radius) - 4px)'
+ },
+ backgroundImage: {
+ 'radial-gradient': 'radial-gradient(circle at center, var(--tw-gradient-from) 0%, var(--tw-gradient-to) 100%)',
+ },
+ keyframes: {
+ "zoom-in-95": {
+ "0%": {
+ opacity: "0",
+ transform: "translate(-50%, -50%) scale(0.3)",
+ },
+ "100%": {
+ opacity: "1",
+ transform: "translate(-50%, -50%) scale(1)",
+ }
+ },
+ "modal-in": {
+ "0%": {
+ opacity: "0",
+ transform: "translate(calc(var(--origin-x) - 50%), calc(var(--origin-y) - 50%)) scale(0.5)",
+ },
+ "100%": {
+ opacity: "1",
+ transform: "translate(-50%, -50%) scale(1)",
+ }
+ }
+ },
+ animation: {
+ "zoom-in-95": "zoom-in-95 0.3s cubic-bezier(0.16, 1, 0.3, 1)",
+ "modal-in": "modal-in 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
+ }
}
- },
- borderRadius: {
- lg: 'var(--radius)',
- md: 'calc(var(--radius) - 2px)',
- sm: 'calc(var(--radius) - 4px)'
- },
- backgroundImage: {
- 'radial-gradient': 'radial-gradient(circle at center, var(--tw-gradient-from) 0%, var(--tw-gradient-to) 100%)',
- },
- keyframes: {
- "zoom-in-95": {
- "0%": {
- opacity: "0",
- transform: "translate(-50%, -50%) scale(0.3)",
- },
- "100%": {
- opacity: "1",
- transform: "translate(-50%, -50%) scale(1)",
- }
- },
- "modal-in": {
- "0%": {
- opacity: "0",
- transform: "translate(calc(var(--origin-x) - 50%), calc(var(--origin-y) - 50%)) scale(0.5)",
- },
- "100%": {
- opacity: "1",
- transform: "translate(-50%, -50%) scale(1)",
- }
- }
- },
- animation: {
- "zoom-in-95": "zoom-in-95 0.3s cubic-bezier(0.16, 1, 0.3, 1)",
- "modal-in": "modal-in 0.3s cubic-bezier(0.16, 1, 0.3, 1)"
- }
- }
- },
- plugins: [require("tailwindcss-animate")],
+ },
+ plugins: [
+ require("tailwindcss-animate"),
+ require("@tailwindcss/typography"),
+ ],
};
export default config;
diff --git a/tsconfig.json b/tsconfig.json
index c133409..b575f7d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,11 @@
{
"compilerOptions": {
"target": "ES2017",
- "lib": ["dom", "dom.iterable", "esnext"],
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
@@ -11,7 +15,7 @@
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
- "jsx": "preserve",
+ "jsx": "react-jsx",
"incremental": true,
"plugins": [
{
@@ -19,9 +23,19 @@
}
],
"paths": {
- "@/*": ["./src/*"]
+ "@/*": [
+ "./src/*"
+ ]
}
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
- "exclude": ["node_modules"]
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ ".next/types/**/*.ts",
+ ".next/dev/types/**/*.ts"
+ ],
+ "exclude": [
+ "node_modules"
+ ]
}