Merge pull request #26 from daedalist/nextjs-migration

Nextjs migration

Author: daedalist

.github/workflows/deploy.yml

@@ -0,0 +1,57 @@
+name: Deploy to GitHub Pages
+
+on:
+  # Runs on pushes to main branch
+  push:
+    branches: [ main ]
+  
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions for GitHub Pages deployment
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+      
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '18'
+        cache: 'npm'
+        
+    - name: Install dependencies
+      run: npm ci
+      
+    - name: Build Next.js app
+      run: npm run build
+      
+    - name: Upload build artifacts
+      uses: actions/upload-pages-artifact@v3
+      with:
+        path: ./build
+
+  deploy:
+    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

.gitignore

@@ -11,6 +11,11 @@
 # production
 /build
 
+# Next.js
+/.next/
+/out/
+next-env.d.ts
+
 # misc
 .DS_Store
 .env.local
@@ -22,6 +27,18 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
+# Local testing directory for GitHub Pages simulation
+/test-deploy/
+
+# Environment variables
+.env
+.env*.local
+
+# Vercel deployment (if you ever deploy to Vercel)
+.vercel
+
+# TypeScript
+*.tsbuildinfo
 
 # Created by https://www.toptal.com/developers/gitignore/api/react,reactnative,macos,windows,linux
 # Edit at https://www.toptal.com/developers/gitignore?templates=react,reactnative,macos,windows,linux
@@ -394,4 +411,4 @@ $RECYCLE.BIN/
 # Windows shortcuts
 *.lnk
 
-# End of https://www.toptal.com/developers/gitignore/api/react,reactnative,macos,windows,linux
+# End of https://www.toptal.com/developers/gitignore/api/react,reactnative,macos,windows,linux

next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.js

@@ -0,0 +1,12 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    output: 'export',
+    distDir: 'build',
+    basePath: '/ghostbook', // Keep empty for GitHub Pages root deployment
+    images: {
+        unoptimized: true // Required for static export
+    },
+    trailingSlash: true
+}
+
+module.exports = nextConfig