img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardAction,
+ CardDescription,
+ CardContent,
+}
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..32bfc3c
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,6 @@
+services:
+ erika:
+ build: .
+ ports:
+ - "8606:3000"
+ restart: unless-stopped
diff --git a/lib/config.ts b/lib/config.ts
new file mode 100644
index 0000000..5ba6428
--- /dev/null
+++ b/lib/config.ts
@@ -0,0 +1,48 @@
+import { Gamepad2, UserCircle, MessageSquare, LucideIcon } from "lucide-react";
+
+export interface LinkConfig {
+ name: string;
+ link: string;
+ desc: string;
+ icon: LucideIcon | string;
+}
+
+export interface ProfileConfig {
+ name: string;
+ desc: string;
+ avatar: string;
+}
+
+export const config = {
+ profile: {
+ name: "Erika!",
+ desc: "แหล่งรวมลิ้งค์ของช่อง Erika!",
+ avatar: "/avatar.webp",
+ } as ProfileConfig,
+ links: [
+ {
+ name: "Roblox profile",
+ link: "https://www.roblox.com/users/4269713791/profile",
+ desc: "โปรไฟล์กุเองน้อง",
+ icon: "/roblox.webp",
+ },
+ {
+ name: "Discord server",
+ link: "https://discord.com/invite/3cZQbvW6cF",
+ desc: "เข้าเซิฟเวอร์ในดิส",
+ icon: "/discord.webp",
+ },
+ {
+ name: "Tiktok",
+ link: "https://www.tiktok.com/@erika.bombay007",
+ desc: "กดติดตามใน Tiktok",
+ icon: "/tiktok.webp",
+ },
+ {
+ name: "Youtube",
+ link: "https://www.youtube.com/@Erika%E0%B9%80%E0%B8%AD%E0%B8%A3%E0%B8%B4%E0%B8%81%E0%B9%89%E0%B8%B2/videos",
+ desc: "กดติดตามใน Youtube",
+ icon: "/youtube.webp",
+ }
+ ] as LinkConfig[]
+};
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..bd0c391
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
diff --git a/next.config.ts b/next.config.ts
index e9ffa30..96f64d3 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,7 +1,7 @@
import type { NextConfig } from "next";
const nextConfig: NextConfig = {
- /* config options here */
+ allowedDevOrigins: ['test.gunshiz.top']
};
export default nextConfig;
diff --git a/package.json b/package.json
index ce9f3c2..fbbdc0c 100644
--- a/package.json
+++ b/package.json
@@ -3,15 +3,24 @@
"version": "0.1.0",
"private": true,
"scripts": {
- "dev": "next dev",
+ "dev": "PORT=4000 bun --bun next dev",
"build": "next build",
"start": "next start",
- "lint": "eslint"
+ "lint": "eslint",
+ "up": "docker compose up -d --build",
+ "logs": "docker compose logs -f"
},
"dependencies": {
+ "class-variance-authority": "^0.7.1",
+ "clsx": "^2.1.1",
+ "lucide-react": "^1.16.0",
"next": "16.2.6",
+ "radix-ui": "^1.4.3",
"react": "19.2.4",
- "react-dom": "19.2.4"
+ "react-dom": "19.2.4",
+ "shadcn": "^4.8.0",
+ "tailwind-merge": "^3.6.0",
+ "tw-animate-css": "^1.4.0"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
diff --git a/public/avatar.webp b/public/avatar.webp
new file mode 100644
index 0000000..ff5960c
Binary files /dev/null and b/public/avatar.webp differ
diff --git a/public/discord.webp b/public/discord.webp
new file mode 100644
index 0000000..b91167f
Binary files /dev/null and b/public/discord.webp differ
diff --git a/public/favicon.webp b/public/favicon.webp
new file mode 100644
index 0000000..0ce5a11
Binary files /dev/null and b/public/favicon.webp differ
diff --git a/public/roblox.webp b/public/roblox.webp
new file mode 100644
index 0000000..97989f7
Binary files /dev/null and b/public/roblox.webp differ
diff --git a/public/tiktok.webp b/public/tiktok.webp
new file mode 100644
index 0000000..283cdb5
Binary files /dev/null and b/public/tiktok.webp differ
diff --git a/public/youtube.webp b/public/youtube.webp
new file mode 100644
index 0000000..c5371eb
Binary files /dev/null and b/public/youtube.webp differ