Prepare project for GitHub Pages deployment with configuration updates

Author: lucasbecker-dev

.github/pages.yml

@@ -0,0 +1 @@
+ 

.github/workflows/deploy.yml

@@ -0,0 +1 @@
+name: Deploy to GitHub Pages

.nojekyll

@@ -0,0 +1,23 @@
+"use client"
+
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { ArrowLeft } from "lucide-react"
+
+export default function NotFound() {
+    return (
+        <div className="flex flex-col items-center justify-center min-h-screen px-4 text-center">
+            <h1 className="text-6xl font-bold text-primary">404</h1>
+            <h2 className="mt-4 text-2xl font-semibold">Page Not Found</h2>
+            <p className="mt-2 text-muted-foreground">
+                The page you're looking for doesn't exist or has been moved.
+            </p>
+            <Link href="/" className="mt-8">
+                <Button className="flex items-center gap-2">
+                    <ArrowLeft className="h-4 w-4" />
+                    Back to Home
+                </Button>
+            </Link>
+        </div>
+    )
+} 

app/not-found.tsx

@@ -434,21 +434,21 @@ export default function Home() {
               </CardContent>
             </Card>
 
-            {/* Project 3 */}
+            {/* Project 3 - Godot Smart Graphics Settings */}
             <Card className="overflow-hidden group hover:shadow-md hover:shadow-primary/10 transition-shadow">
               <div className="relative h-48 w-full overflow-hidden">
                 <Image
-                  src="/placeholder.svg?height=400&width=600"
-                  alt="Project 3"
+                  src="/smart-graphics-settings.png"
+                  alt="Godot Smart Graphics Settings"
                   fill
                   className="object-cover transition-transform group-hover:scale-105"
                 />
               </div>
               <CardContent className="p-6">
                 <div className="flex justify-between items-start mb-4">
-                  <h3 className="text-xl font-bold">Project Name</h3>
+                  <h3 className="text-xl font-bold">Smart Graphics Settings</h3>
                   <div className="flex gap-2">
-                    <Link href="https://github.com/yourusername/project3" target="_blank" rel="noopener noreferrer">
+                    <Link href="https://github.com/lucasbecker-dev/godot-smart-graphics-settings" target="_blank" rel="noopener noreferrer">
                       <Button
                         variant="ghost"
                         size="icon"
@@ -458,25 +458,16 @@ export default function Home() {
                         <span className="sr-only">GitHub</span>
                       </Button>
                     </Link>
-                    <Link href="https://project3-demo.com" target="_blank" rel="noopener noreferrer">
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        className="h-8 w-8 text-foreground hover:text-primary hover:bg-primary/10"
-                      >
-                        <ExternalLink className="h-4 w-4" />
-                        <span className="sr-only">Live Demo</span>
-                      </Button>
-                    </Link>
                   </div>
                 </div>
                 <p className="text-muted-foreground mb-4">
-                  A brief description of the project, what it does, and the problems it solves.
+                  An adaptive graphics settings system for Godot Engine that automatically adjusts quality settings to maintain target FPS, with threading support and customizable quality presets.
                 </p>
                 <div className="flex flex-wrap gap-2">
-                  <Badge variant="secondary">Python</Badge>
-                  <Badge variant="secondary">Django</Badge>
-                  <Badge variant="secondary">PostgreSQL</Badge>
+                  <Badge variant="secondary">Godot Engine</Badge>
+                  <Badge variant="secondary">GDScript</Badge>
+                  <Badge variant="secondary">Game Development</Badge>
+                  <Badge variant="secondary">Performance Optimization</Badge>
                 </div>
               </CardContent>
             </Card>

app/page.tsx

@@ -10,6 +10,8 @@ const nextConfig = {
   output: "export",
   reactStrictMode: true,
   basePath: "",
+  // Add trailing slash for better GitHub Pages compatibility
+  trailingSlash: true,
   eslint: {
     ignoreDuringBuilds: true,
   },

next.config.mjs

@@ -1,13 +1,13 @@
 {
-  "name": "my-v0-project",
-  "version": "0.1.0",
+  "name": "lucasbecker.dev-github.io",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "deploy": "npm run build && gh-pages -d out"
+    "deploy": "npm run build && touch out/.nojekyll && gh-pages -d out --dotfiles"
   },
   "dependencies": {
     "@emailjs/browser": "^4.4.1",
@@ -39,15 +39,14 @@
     "@radix-ui/react-toggle": "^1.1.1",
     "@radix-ui/react-toggle-group": "^1.1.1",
     "@radix-ui/react-tooltip": "^1.1.6",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
     "autoprefixer": "^10.4.20",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "1.0.4",
     "date-fns": "3.0.0",
     "embla-carousel-react": "8.5.1",
     "input-otp": "1.4.1",
+    "lucasbecker.dev-github.io": "file:",
     "lucide-react": "^0.454.0",
     "my-v0-project": "file:",
     "next": "^14.2.24",