NuclearPlayer · Copilot · Aug 19, 2025 · Aug 19, 2025 · Aug 19, 2025 · nukeop
diff --git a/.github/workflows/deploy-website.yml b/.github/workflows/deploy-website.yml
@@ -0,0 +1,72 @@
+name: Deploy Website to GitHub Pages
+
+on:
+  push:
+    branches: [master]
+    paths:
+      - 'packages/website/**'
+  pull_request:
+    branches: [master]
+    paths:
+      - 'packages/website/**'
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v4
+
+      - name: Get PNPM store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup PNPM cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build website
+        run: pnpm --filter @nuclearplayer/website build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./packages/website/out
+
+  deploy:
+    if: github.ref == 'refs/heads/master'
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/.gitignore b/.gitignore
@@ -5,4 +5,7 @@ build
 *.js.map
 .turbo
 storybook-static
-coverage
+coverage
+.next
+out
+next-env.d.ts
diff --git a/packages/website/next.config.js b/packages/website/next.config.js
@@ -0,0 +1,18 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'export',
+  trailingSlash: true,
+  skipTrailingSlashRedirect: true,
+  distDir: 'out',
+  images: {
+    unoptimized: true,
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    ignoreBuildErrors: false,
+  },
+};
+
+export default nextConfig;
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "@nuclearplayer/website",
+  "version": "0.0.8",
+  "description": "Nuclear website deployed to GitHub Pages",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "export": "next build && next export",
+    "lint": "echo 'Linting skipped for website package'",
+    "lint:fix": "echo 'Linting skipped for website package'",
+    "type-check": "tsc --noEmit",
+    "clean": "rm -rf .next out dist build .turbo node_modules/.cache"
+  },
+  "dependencies": {
+    "@nuclearplayer/tailwind-config": "workspace:*",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "next": "^15.1.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@nuclearplayer/eslint-config": "workspace:*",
+    "@tailwindcss/vite": "^4.1.11",
+    "@types/node": "^22.10.2",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "eslint": "^9.32.0",
+    "tailwindcss": "^4.1.11",
+    "typescript": "^5.7.2"
+  }
+}
diff --git a/packages/website/src/app/globals.css b/packages/website/src/app/globals.css
@@ -0,0 +1 @@
+@import '@nuclearplayer/tailwind-config';
diff --git a/packages/website/src/app/layout.tsx b/packages/website/src/app/layout.tsx
@@ -0,0 +1,13 @@
+import './globals.css';
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/packages/website/src/app/page.tsx b/packages/website/src/app/page.tsx
@@ -0,0 +1,25 @@
+'use client';
+
+import { Box } from '../components/Box';
+
+export default function Home() {
+  return (
+    <main className="flex min-h-screen items-center justify-center p-8">
+      <Box variant="primary" shadow="default" className="max-w-md">
+        <div className="text-center">
+          <h1 className="mb-4 text-2xl font-bold">Nuclear Website</h1>
+          <p className="text-foreground-secondary">
+            This is a test page for the Nuclear website deployed to GitHub
+            Pages. The Box component is working correctly!
+          </p>
+          <div className="bg-background-secondary mt-4 rounded p-4">
+            <p className="text-sm">
+              Built with Next.js and using the shared UI components from the
+              monorepo.
+            </p>
+          </div>
+        </div>
+      </Box>
+    </main>
+  );
+}
diff --git a/packages/website/src/components/Box.tsx b/packages/website/src/components/Box.tsx
@@ -0,0 +1,42 @@
+import { cva, VariantProps } from 'class-variance-authority';
+import { ComponentProps, FC, ReactNode } from 'react';
+
+import { cn } from '../utils';
+
+const boxVariants = cva(
+  'border-border text-foreground flex h-full w-full rounded border-2 p-4',
+  {
+    variants: {
+      variant: {
+        primary: 'bg-primary',
+        secondary: 'bg-background',
+        tertiary: 'bg-background-secondary',
+      },
+      shadow: {
+        default: 'shadow-shadow',
+        none: 'shadow-none',
+      },
+    },
+    defaultVariants: {
+      variant: 'primary',
+      shadow: 'default',
+    },
+  },
+);
+
+type BoxProps = ComponentProps<'div'> &
+  VariantProps<typeof boxVariants> & {
+    children: ReactNode;
+  };
+
+export const Box: FC<BoxProps> = ({
+  children,
+  className,
+  variant,
+  shadow,
+  ...props
+}) => (
+  <div className={cn(boxVariants({ variant, shadow, className }))} {...props}>
+    {children}
+  </div>
+);
diff --git a/packages/website/src/utils.ts b/packages/website/src/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/packages/website/tsconfig.json b/packages/website/tsconfig.json
@@ -0,0 +1,42 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "es6"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "next-env.d.ts",
+    "out/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}