Update npm dependencies.

.eslintrc.json

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

components/analytics/GoogleAnalytics.js

@@ -10,7 +10,7 @@ const GAScript = () => {
         src={`https://www.googletagmanager.com/gtag/js?id=${siteMetadata.analytics.googleAnalyticsId}`}
       />
 
-      <Script strategy="lazyOnload">
+      <Script id="GoogleAnalytics" strategy="lazyOnload">
         {`
             window.dataLayer = window.dataLayer || [];
             function gtag(){dataLayer.push(arguments);}

components/analytics/Plausible.js

@@ -10,7 +10,7 @@ const PlausibleScript = () => {
         data-domain={siteMetadata.analytics.plausibleDataDomain}
         src="https://plausible.io/js/plausible.js"
       />
-      <Script strategy="lazyOnload">
+      <Script id="PlausibleAnalytics" strategy="lazyOnload">
         {`
             window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
         `}

components/analytics/SimpleAnalytics.js

@@ -3,7 +3,7 @@ import Script from 'next/script'
 const SimpleAnalyticsScript = () => {
   return (
     <>
-      <Script strategy="lazyOnload">
+      <Script id="SimpleAnalytics" strategy="lazyOnload">
         {`
             window.sa_event=window.sa_event||function(){var a=[].slice.call(arguments);window.sa_event.q?window.sa_event.q.push(a):window.sa_event.q=[a]};
         `}

package.json

@@ -1,37 +1,38 @@
 {
   "name": "workshops",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "private": true,
   "scripts": {
     "start": "next-remote-watch ./data",
     "dev": "next dev",
     "build": "next build",
+    "test": "next build",
     "export": "next export",
     "deploy": "gh-pages -d out -t true",
     "analyze": "cross-env ANALYZE=true next build",
     "lint": "next lint --fix --dir pages --dir components --dir lib --dir layouts --dir scripts",
-    "prepare": "husky install",
+    "prepare": "husky",
     "spell": "cspell data/workshop/*"
   },
   "dependencies": {
     "@fontsource/inter": "4.5.2",
-    "@next/bundle-analyzer": "^13.5.6",
+    "@next/bundle-analyzer": "^14.2.4",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.10",
-    "autoprefixer": "^10.4.0",
-    "esbuild": "^0.13.13",
-    "github-slugger": "^1.3.0",
-    "gray-matter": "^4.0.2",
-    "image-size": "1.0.0",
+    "@tailwindcss/typography": "^0.5.13",
+    "autoprefixer": "^10.4.19",
+    "esbuild": "^0.14.0",
+    "github-slugger": "^2.0.0",
+    "gray-matter": "^4.0.3",
+    "image-size": "1.1.1",
     "mdx-bundler": "^8.0.0",
-    "next": "^14.2.3",
-    "next-themes": "^0.0.14",
-    "postcss": "^8.4.5",
-    "preact": "^10.19.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "next": "^14.2.4",
+    "next-themes": "^0.3.0",
+    "postcss": "^8.4.39",
+    "preact": "^10.22.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-medium-image-zoom": "^4.3.5",
-    "reading-time": "1.3.0",
+    "reading-time": "1.5.0",
     "rehype-autolink-headings": "^6.1.0",
     "rehype-citation": "^0.4.0",
     "rehype-katex": "^6.0.2",
@@ -41,28 +42,28 @@
     "remark-footnotes": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "sharp": "^0.33.0",
-    "tailwindcss": "^3.3.5",
-    "unist-util-visit": "^4.0.0"
+    "sharp": "^0.33.4",
+    "tailwindcss": "^3.4.4",
+    "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.1.2",
     "cross-env": "^7.0.3",
-    "dedent": "^0.7.0",
-    "eslint": "^7.29.0",
-    "eslint-config-next": "12.1.4",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "file-loader": "^6.0.0",
+    "dedent": "^1.5.3",
+    "eslint": "^8.0.0",
+    "eslint-config-next": "14.2.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "file-loader": "^6.2.0",
     "globby": "11.0.3",
-    "husky": "^6.0.0",
-    "inquirer": "^8.1.1",
-    "lint-staged": "^11.0.0",
-    "next-remote-watch": "^1.0.0",
-    "prettier": "^2.5.1",
-    "prettier-plugin-tailwindcss": "^0.1.4",
-    "socket.io": "^4.4.0",
-    "socket.io-client": "^4.4.0"
+    "husky": "^9.0.11",
+    "inquirer": "^10.0.1",
+    "lint-staged": "^15.2.7",
+    "next-remote-watch": "^2.0.0",
+    "prettier": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.6.5",
+    "socket.io": "^4.7.5",
+    "socket.io-client": "^4.7.5"
   },
   "lint-staged": {
     "*.+(js|jsx|ts|tsx)": [

pages/404.js

@@ -10,7 +10,7 @@ export default function FourZeroFour() {
       </div>
       <div className="max-w-md">
         <p className="mb-4 text-xl font-bold leading-normal md:text-2xl">
-          Sorry we couldn't find this page.
+          Sorry we couldn&apos;t find this page.
         </p>
         <p className="mb-8">But dont worry, you can find plenty of other things on our homepage.</p>
         <Link href="/">