feat: add devcontainer

.devcontainer/devcontainer.json

@@ -0,0 +1,26 @@
+{
+  "name": "Forbidden Duel Links Dev Container",
+  "image": "mcr.microsoft.com/devcontainers/base:jammy",
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "nodeGypDependencies": true,
+      "version": "20.9.0",
+      "nvmVersion": "latest"
+    }
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "editorconfig.editorconfig",
+        "bradlc.vscode-tailwindcss",
+        "prisma.prisma",
+        "pkief.material-icon-theme",
+        "github.vscode-github-actions",
+        "github.vscode-pull-request-github"
+      ]
+    }
+  },
+  "postCreateCommand": "corepack enable && pnpm install"
+}

.github/workflows/ci.yaml

@@ -8,15 +8,15 @@ on:
       - main
 
 env:
-  PNPM_VERSION: 8.9.0
+  PNPM_VERSION: 8.10.5
 
 jobs:
   lint:
     name: ⬣ Lint
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repo
-        uses: actions/[email protected].0
+        uses: actions/[email protected].1
 
       - name: Setup pnpm
         uses: pnpm/[email protected]
@@ -39,7 +39,7 @@ jobs:
     needs: [lint]
     steps:
       - name: Checkout repo
-        uses: actions/[email protected].0
+        uses: actions/[email protected].1
 
       - name: Setup pnpm
         uses: pnpm/[email protected]

.nvmrc

@@ -1 +1 @@
-v18.18.0
+v20.9.0

.vscode/extensions.json

@@ -3,7 +3,7 @@
     "dbaeumer.vscode-eslint",
     "esbenp.prettier-vscode",
     "bradlc.vscode-tailwindcss",
-    "EditorConfig.EditorConfig",
+    "editorconfig.editorconfig",
     "prisma.prisma"
   ]
 }

app/layout.tsx

@@ -1,4 +1,4 @@
-import { type Metadata } from 'next';
+import type { Metadata, Viewport } from 'next';
 import { IBM_Plex_Sans } from 'next/font/google';
 import { Navbar } from './NavBar';
 import Theme from './ThemeProvider';
@@ -16,6 +16,9 @@ export const metadata: Metadata = {
   description:
     'Stay up-to-date with the current Yu-Gi-Oh! Duel Links banlist. Our comprehensive resources provide all the latest information on banned and limited cards',
   keywords: 'Yu-Gi-Oh!, YuGiOh, Duel Links, Banlist',
+};
+
+export const viewport: Viewport = {
   colorScheme: 'light dark',
   themeColor: [
     { media: '(prefers-color-scheme: dark)', color: '#171717' },

package.json

@@ -14,33 +14,33 @@
     "postinstall": "prisma generate"
   },
   "dependencies": {
-    "@prisma/client": "^5.4.2",
-    "next": "^13.5.4",
+    "@prisma/client": "^5.6.0",
+    "next": "^14.0.3",
     "next-themes": "^0.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-tabs": "^1.0.4",
-    "@types/node": "^20.8.4",
-    "@types/react": "^18.2.28",
-    "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
+    "@types/node": "^20.9.1",
+    "@types/react": "^18.2.37",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.51.0",
-    "eslint-config-next": "^13.5.4",
+    "eslint": "^8.54.0",
+    "eslint-config-next": "^14.0.3",
     "eslint-config-prettier": "^9.0.0",
     "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.5",
-    "prisma": "^5.4.2",
-    "tailwindcss": "^3.3.3",
+    "prettier": "^3.1.0",
+    "prettier-plugin-tailwindcss": "^0.5.7",
+    "prisma": "^5.6.0",
+    "tailwindcss": "^3.3.5",
     "typescript": "^5.2.2"
   },
   "engines": {
-    "node": ">=18",
+    "node": "^18.18.2 || ^20.0.0",
     "pnpm": ">=8"
   },
-  "packageManager": "pnpm@8.9.0"
+  "packageManager": "pnpm@8.10.5"
 }