Use Next.js

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "amr-abed"
+  }
+}

.github/workflows/check.yml

@@ -0,0 +1,19 @@
+name: Lint code
+
+on:
+  push:
+  workflow_call:
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: make install
+      - name: Format and lint
+        run: make lint

.github/workflows/deploy.yml

@@ -0,0 +1,54 @@
+name: Deploy to GitHub Pages
+on:
+  pull_request:
+    types: [closed]
+    branches: [main]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  check:
+    uses: ./.github/workflows/check.yml
+  build:
+    if: github.event.pull_request.merged == true
+    needs: [check]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Setup GitHuib Pages
+        uses: actions/configure-pages@v5
+        with:
+          static_site_generator: next
+      - name: Install dependencies
+        run: make install
+
+      - name: Build with Next.js
+        run: make build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    needs: build
+
+    steps:
+      - name: Publish to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -2,6 +2,43 @@
 .idea/
 Icon*
 *.bak*
-
+*.log
 blog/
-_site/
+_site/
+firebase-key.json
+.firebase/
+
+# dependencies
+node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierignore

@@ -0,0 +1,4 @@
+pnpm-lock.yaml
+package-lock.json
+firebase.json
+.github/

.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "importOrder": ["^[react]", "^@(?!/)", "^@/", "^[./]"],
+  "importOrderSeparation": true
+}

Makefile

@@ -0,0 +1,20 @@
+install:
+	npm install
+
+format:
+	npm run format
+
+lint:
+	npm run lint
+
+local:
+	npm run dev
+
+build:
+	npm run build
+
+deploy: build
+	firebase deploy --only hosting
+
+clean:
+	rm -rf node_modules .next out

README.md

@@ -1,4 +1,5 @@
-## Amr Abed's Personal Website 
+## Amr Abed's Personal Website
+
 [![Website](https://img.shields.io/website-up-down-brightgreen-red/https/amrabed.com.svg?label=amrabed.com)](https://amrabed.com)
 [![Build Status](https://travis-ci.org/amrabed/amrabed.github.io.svg?branch=master)](https://travis-ci.org/amrabed/amrabed.github.io)
 [![](https://sonarcloud.io/api/project_badges/measure?project=amrabed.github.io&metric=alert_status)](https://sonarcloud.io/dashboard?id=amrabed.github.io)