npm ➡️ pnpm

.devcontainer/devcontainer.json

@@ -18,7 +18,7 @@
 	"overrideFeatureInstallOrder": [
 		"ghcr.io/devcontainers/features/common-utils"
 	],
-	"postCreateCommand": "npm install --legacy-peer-deps && npx prisma generate",
+	"postCreateCommand": "pnpm install",
 	"forwardPorts": [
 		3000
 	],

.gitignore

@@ -1,11 +1,14 @@
 # next.js
 /.next/
 
-# node/npm/yarn
+# node/npm/pnpm/yarn
 node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
+package-lock.json
+yarn.lock
 
 # typescript
 *.tsbuildinfo

.npmrc

@@ -1 +0,0 @@
-legacy-peer-deps=true

README.md

@@ -11,9 +11,9 @@ I keep an ongoing list of [post ideas](https://github.com/jakejarvis/jarv.is/iss
 
 ## 🕹️ Getting Started
 
-Run `npm install` to install the necessary dependencies and `npm run dev` to start the local server, and then open [http://localhost:3000/](http://localhost:3000/). Pages will live-refresh when source files are changed.
+Run `pnpm install` to install the necessary dependencies and `pnpm run dev` to start the local server, and then open [http://localhost:3000/](http://localhost:3000/). Pages will live-refresh when source files are changed. ([pnpm is required!](https://pnpm.io/installation))
 
-Most production steps are handled [automatically by Vercel](https://vercel.com/docs/concepts/next.js/overview#supported-next.js-features), but running `npm run build` locally will still generate an unoptimized, less-than-ideal static version.
+Most production steps are handled [automatically by Vercel](https://vercel.com/docs/concepts/next.js/overview#supported-next.js-features), but running `pnpm build` locally will still generate an unoptimized, less-than-ideal static version.
 
 **⚡ Bonus tip:** [Volta](https://volta.sh/), a magical, blazing-fast alternative to [nvm](https://github.com/nvm-sh/nvm), is used to pin the exact Node.js version used for development. It's completely optional but I highly recommend it in general!
 

next.config.js

@@ -54,11 +54,10 @@ module.exports = (/** @type {string} */ phase) => {
             },
           },
         ],
-        include: [
+        include: ["@primer/octicons", "feather-icons", "simple-icons"].map(
-          path.resolve(__dirname, "node_modules/@primer/octicons/build/svg"),
+          // pnpm uses symlinks extensively, so path.resolve(__dirname, "node_modules/...") won't cut it here.
-          path.resolve(__dirname, "node_modules/feather-icons/dist/icons"),
+          (pkg) => path.dirname(require.resolve(pkg)) // => node_modules/.pnpm/feather-icons@4.29.0/node_modules/feather-icons/dist
-          path.resolve(__dirname, "node_modules/simple-icons/icons"),
+        ),
-        ],
       });
 
       return config;

package.json

@@ -18,29 +18,27 @@
     "postinstall": "prisma generate --data-proxy"
   },
   "dependencies": {
-    "@giscus/react": "^2.2.8",
+    "@giscus/react": "^2.3.0",
     "@hcaptcha/react-hcaptcha": "^1.8.1",
-    "@novnc/novnc": "git+https://git@github.com/novnc/novnc#e8ad466e45a21598debe81824744d85ff2323c7b",
+    "@novnc/novnc": "github:novnc/novnc#ca6527c1bf7131adccfdcc5028964a1e67f9018c",
     "@octokit/graphql": "^6.0.1",
-    "@octokit/graphql-schema": "^14.13.1",
+    "@octokit/graphql-schema": "^14.19.0",
     "@primer/octicons": "^19.4.0",
-    "@prisma/client": "^4.16.1",
+    "@prisma/client": "^4.16.2",
-    "@react-spring/web": "^9.7.2",
+    "@react-spring/web": "^9.7.3",
-    "@stitches/react": "^1.2.8",
+    "@stitches/react": "^1.3.1-1",
     "@vercel/analytics": "^1.0.1",
     "@vercel/postgres": "^0.4.0",
     "comma-number": "^2.1.0",
     "copy-to-clipboard": "^3.3.3",
-    "dayjs": "^1.11.8",
+    "dayjs": "^1.11.9",
-    "fast-glob": "^3.2.12",
+    "fast-glob": "^3.3.0",
     "fathom-client": "^3.5.0",
     "feather-icons": "^4.29.0",
     "feed": "^4.2.2",
     "formik": "^2.4.2",
     "gray-matter": "^4.0.3",
-    "marked": "^5.1.0",
+    "next": "13.4.8",
-    "marked-smartypants": "^1.0.2",
-    "next": "13.4.7",
     "next-mdx-remote": "^4.4.1",
     "next-seo": "^6.1.0",
     "obj-str": "^1.1.0",
@@ -54,28 +52,32 @@
     "react-error-boundary": "^4.0.10",
     "react-gist": "^1.2.4",
     "react-innertext": "^1.1.5",
-    "react-intersection-observer": "^9.5.1",
+    "react-intersection-observer": "^9.5.2",
     "react-is": "18.2.0",
     "react-player": "~2.10.1",
-    "react-textarea-autosize": "^8.5.0",
+    "react-textarea-autosize": "^8.5.2",
     "react-twitter-embed": "^4.0.4",
     "rehype-prism-plus": "^1.6.1",
+    "rehype-sanitize": "^5.0.1",
     "rehype-slug": "^5.1.0",
+    "rehype-stringify": "^9.0.3",
     "remark-gfm": "^3.0.1",
+    "remark-parse": "^10.0.2",
+    "remark-rehype": "^10.1.0",
     "remark-smartypants": "^2.0.0",
     "remark-unwrap-images": "^3.0.1",
     "remove-markdown": "^0.5.0",
-    "simple-icons": "^9.3.0",
+    "simple-icons": "^9.4.0",
     "sitemap": "^7.1.1",
     "stitches-normalize": "^2.0.0",
-    "swr": "^2.2.0"
+    "swr": "^2.2.0",
+    "unified": "^10.1.2"
   },
   "devDependencies": {
-    "@jakejarvis/eslint-config": "*",
+    "@jakejarvis/eslint-config": "^3.1.0",
     "@svgr/webpack": "^8.0.1",
     "@types/comma-number": "^2.1.0",
-    "@types/marked": "^5.0.0",
+    "@types/node": "^18.16.19",
-    "@types/node": "*",
     "@types/novnc__novnc": "^1.3.0",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.14",
@@ -83,19 +85,19 @@
     "@types/react-is": "^18.2.1",
     "@types/remove-markdown": "^0.3.1",
     "@types/uglify-js": "^3.17.1",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@typescript-eslint/parser": "^5.61.0",
     "cross-env": "^7.0.3",
-    "eslint": "~8.43.0",
+    "eslint": "~8.44.0",
-    "eslint-config-next": "13.4.7",
+    "eslint-config-next": "13.4.8",
     "eslint-config-prettier": "~8.8.0",
     "eslint-plugin-mdx": "~2.1.0",
     "eslint-plugin-prettier": "~4.2.1",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^13.2.3",
     "prettier": "^2.8.8",
-    "prisma": "^4.16.1",
+    "prisma": "^4.16.2",
     "simple-git-hooks": "^2.8.1",
-    "typescript": "^5.1.3",
+    "typescript": "^5.1.6",
     "uglify-js": "^3.17.4"
   },
   "optionalDependencies": {
@@ -116,9 +118,9 @@
       "eslint"
     ]
   },
-  "packageManager": "npm@9.7.2",
+  "packageManager": "pnpm@8.6.6",
   "volta": {
     "node": "18.16.1",
-    "npm": "9.7.2"
+    "pnpm": "8.6.6"
   }
 }