Deployment

Author: syed-reza98

.copilot/dev-environment.yml

@@ -25,7 +25,7 @@ dev_tools:
     purpose: "Animation library for smooth micro-interactions"
   - name: "radix-ui/react-*"
     purpose: "Accessible primitive components for UI foundation"
-  - name: "lucide-react"
+  - name: "radix-ui/react-icons"
     purpose: "Consistent icon system with proper sizing"
 
 # Browser support for testing UI changes

.copilot/instructions.md

@@ -33,7 +33,7 @@ You are working on CodeStorm Hub's portfolio website - a modern Next.js 15 appli
 - **Styling System**: Tailwind CSS 4 with design tokens and utility-first approach
 - **Typography**: Geist Sans and Geist Mono font families for optimal readability
 - **Color System**: Radix Colors for semantic, accessible color palettes
-- **Icons**: Lucide React icons with consistent sizing and styling
+- **Icons**: Radix UI icons with consistent sizing and styling
 - **State Management**: React hooks, Context API, and Zustand for complex state
 - **Animation**: Framer Motion for smooth, purposeful animations
 - **Layout**: CSS Grid and Flexbox with container queries for responsive design

.github/INSTRUCTIONS.md

@@ -8,7 +8,7 @@ CodeStorm Hub is a vibrant community portfolio website built with modern web tec
 - **Language**: TypeScript
 - **Styling**: Tailwind CSS 4
 - **UI Components**: Radix UI primitives
-- **Icons**: Lucide React
+- **Icons**: Radix UI Icons
 - **Deployment**: Vercel
 
 ## Development Environment

.github/copilot-instructions.md

@@ -10,7 +10,7 @@ CodeStorm Hub is a modern portfolio website showcasing open source community pro
 - **Language**: TypeScript with strict mode enabled
 - **Styling**: Tailwind CSS 4 with utility-first approach
 - **UI Components**: Radix UI primitives for accessibility
-- **Icons**: Lucide React for consistent iconography
+- **Icons**: Radix UI Icons for consistent iconography
 - **Typography**: Geist Sans and Geist Mono fonts
 - **Colors**: Radix Colors for semantic color usage
 - **Deployment**: Vercel with automatic deployments

.github/workflows/deploy.yml

@@ -7,38 +7,51 @@ on:
   pull_request:
     branches:
       - main
+  workflow_dispatch:
 
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
   contents: read
   pages: write
   id-token: write
 
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
   group: "pages"
   cancel-in-progress: false
 
 jobs:
-  # Build job
   build:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
+      - name: Checkout repository
         uses: actions/checkout@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: 22
           cache: 'npm'
 
       - name: Install dependencies
         run: npm ci
 
-      - name: Build Next.js application
+      - name: Setup Pages
+        id: setup_pages
+        uses: actions/configure-pages@v5
+
+      - name: Restore Next.js build cache
+        uses: actions/cache@v4
+        with:
+          path: .next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx', '**/*.ts', '**/*.tsx') }}
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
+
+      - name: Build (GitHub Pages)
+        # Ensure your build script outputs static assets to ./out
+        # If needed, set output: 'export' in next.config.js
         run: npm run build:github-pages
+        env:
+            PAGES_BASE_PATH: ${{ steps.setup_pages.outputs.base_path }}
 
       - name: Add .nojekyll file
         run: |
@@ -50,18 +63,19 @@ jobs:
       - name: Debug build output
         run: |
           echo "Build output structure:"
-          ls -la out/
-          echo "Checking _next directory:"
-          ls -la out/_next/
-          echo "Checking static assets:"
-          ls -la out/_next/static/chunks/ | head -5
+            ls -la out/
+            echo "Checking _next directory (if present):"
+            ls -la out/_next/ || echo "_next directory not found (ensure static export)."
+            if [ -d out/_next/static/chunks ]; then
+              echo "Checking static chunks:"
+              ls -la out/_next/static/chunks/ | head -20
+            fi
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
           path: ./out
 
-  # Deployment job
   deploy:
     environment:
       name: github-pages

.gitignore

@@ -15,7 +15,8 @@
 
 # next.js
 /.next/
-/out/
+# The `out` directory should not be ignored by version control
+# /out/
 
 # production
 /build
@@ -31,7 +32,7 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # env files (can opt-in for committing if needed)
-.env*
+.env*.local
 
 # vercel
 .vercel

next.config.ts

@@ -4,17 +4,18 @@ const isGitHubPages = process.env.NODE_ENV === 'production' && process.env.GITHU
 
 const nextConfig: NextConfig = {
   // Only enable export for GitHub Pages production builds
-  ...(isGitHubPages && { output: 'export' }),
-  trailingSlash: true,
+  ...(isGitHubPages && { output: "export" }),
+  trailingSlash: false,
   images: {
     // Only disable optimization for GitHub Pages
     unoptimized: Boolean(isGitHubPages),
     remotePatterns: [new URL("https://github.com/CodeStorm-Hub.png")],
   },
   // GitHub Pages specific configuration
   ...(isGitHubPages && {
-    basePath: '/CodeStorm-Hub.github.io',
-    assetPrefix: '/CodeStorm-Hub.github.io/',
+    output: "export",
+    basePath: process.env.PAGES_BASE_PATH,
+    assetPrefix: "/CodeStorm-Hub.github.io/",
   }),
 };
 

package-lock.json

@@ -19,7 +19,6 @@
     "@radix-ui/react-toast": "^1.2.15",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.544.0",
     "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",