Refactor to Nextra instead of Gatsby

.eslintrc.cjs

@@ -2,7 +2,7 @@ module.exports = {
   root: true,
   overrides: [
     {
-      files: ["**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}"],
+      files: ["website/**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}"],
       extends: ["plugin:tailwindcss/recommended"],
       parser: "@typescript-eslint/parser",
       parserOptions: {
@@ -12,6 +12,16 @@ module.exports = {
       rules: {
         "tailwindcss/classnames-order": "off",
       },
+      settings: {
+        tailwindcss: {
+          config: "website/tailwind.config.ts",
+          cssFiles: [
+            "website/node_modules/nextra-theme-docs/dist/style.css",
+            "website/src/globals.css",
+          ],
+          whitelist: ["roboto-mono"],
+        },
+      },
     },
   ],
 }

.github/workflows/prettier.yml

@@ -7,7 +7,16 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+
+      - uses: the-guild-org/shared-config/setup@main
+        name: setup env
+        with:
+          nodeVersion: 20.1.0
+          packageManager: pnpm
+          workingDirectory: ./
+          packageManagerVersion: 8.15.5
+
       - name: Install Dependencies
-        run: yarn
+        run: pnpm install
       - name: Run Prettier Check
-        run: yarn format:check
+        run: pnpm format:check

.gitignore

@@ -35,7 +35,6 @@ build/Release
 
 # Dependency directories
 node_modules/
-jspm_packages/
 
 # Typescript v1 declaration files
 typings/
@@ -57,7 +56,7 @@ typings/
 
 # gatsby files
 .cache/
-public/
+/public/
 
 !static/img/__og-image/
 static/img/__og-image/*
@@ -67,7 +66,6 @@ static/img/__og-image/*
 .DS_Store
 
 # Yarn
-yarn-error.log
 .pnp/
 .pnp.js
 # Yarn Integrity file
@@ -80,3 +78,6 @@ yarn-error.log
 src/__generated__/
 
 .idea/
+.next/
+static/sitemap.xml
+website/out/

.prettierrc

@@ -1,5 +1,13 @@
 {
   "arrowParens": "avoid",
   "semi": false,
-  "singleQuote": false
-}
+  "singleQuote": false,
+  "overrides": [
+    {
+      "files": "*.svg",
+      "options": {
+        "parser": "html"
+      }
+    }
+  ]
+}

CONTRIBUTING.md

@@ -49,9 +49,9 @@ Run the `start` script to launch the server:
 yarn start
 ```
 
-Finally, open [http://localhost:8000](http://localhost:8000) to view it in the browser.
+Finally, open http://localhost:8000 to view it in the browser.
 
-The GraphQL website is built with [Gatsby](https://www.gatsbyjs.com/docs/). This means that a hot-reloading development environment will be accessible by default.
+The GraphQL website is built with [Gatsby](https://gatsbyjs.com/docs). This means that a hot-reloading development environment will be accessible by default.
 
 ### Branching
 
@@ -70,7 +70,7 @@ Active development for graphql.org happens on the `source` branch. Be sure to cr
 
 ### Publishing the updated site
 
-Your changes will be merged into the `source` branch. Then, the CI will automatically publish a new version of http://graphql.org via [Netlify](https://docs.netlify.com/).
+Your changes will be merged into the `source` branch. Then, the CI will automatically publish a new version of https://graphql.org via [Netlify](https://docs.netlify.com).
 
 ## Updating content
 
@@ -161,6 +161,6 @@ This repository is managed by EasyCLA. Project participants must sign the free (
 
 To initiate the signature process please open a PR against this repo. The EasyCLA bot will block the merge if we still need a membership agreement from you.
 
-You can find [detailed information here](https://github.com/graphql/graphql-wg/tree/main/membership). If you have issues, please email [operations@graphql.org](mailto:operations@graphql.org).
+You can find [detailed information here](https://github.com/graphql/graphql-wg/tree/main/membership). If you have issues, please email operations@graphql.org.
 
 If your company benefits from GraphQL and you would like to provide essential financial support for the systems and people that power our community, please also consider membership in the [GraphQL Foundation](https://foundation.graphql.org/join).

README.md

@@ -26,6 +26,6 @@ This repository is managed by EasyCLA. Project participants must sign the free (
 
 To initiate the signature process please open a PR against this repo. The EasyCLA bot will block the merge if we still need a membership agreement from you.
 
-You can find [detailed information here](https://github.com/graphql/graphql-wg/tree/main/membership). If you have issues, please email [operations@graphql.org](mailto:operations@graphql.org).
+You can find [detailed information here](https://github.com/graphql/graphql-wg/tree/main/membership). If you have issues, please email operations@graphql.org.
 
 If your company benefits from GraphQL and you would like to provide essential financial support for the systems and people that power our community, please also consider membership in the [GraphQL Foundation](https://foundation.graphql.org/join).

gatsby-config.ts

@@ -96,7 +96,7 @@ const config: GatsbyConfig = {
                   url: site.siteMetadata.siteUrl + permalink,
                   description: excerpt,
                   author: byline,
-                })
+                }),
               ),
             query: /* GraphQL */ `
               {

gatsby-node.ts

@@ -135,7 +135,7 @@ const fetchData = async (url: string) => {
     return data
   } catch (error) {
     throw new Error(
-      `Error fetching data from ${url}: ${error.message || error.toString()}`
+      `Error fetching data from ${url}: ${error.message || error.toString()}`,
     )
   }
 }
@@ -150,11 +150,11 @@ export const createPages: GatsbyNode["createPages"] = async ({
     const schedAccessToken = process.env.SCHED_ACCESS_TOKEN
 
     const schedule: ScheduleSession[] = await fetchData(
-      `https://graphqlconf23.sched.com/api/session/export?api_key=${schedAccessToken}&format=json`
+      `https://graphqlconf23.sched.com/api/session/export?api_key=${schedAccessToken}&format=json`,
     )
 
     const usernames: { username: string }[] = await fetchData(
-      `https://graphqlconf23.sched.com/api/user/list?api_key=${schedAccessToken}&format=json&fields=username`
+      `https://graphqlconf23.sched.com/api/user/list?api_key=${schedAccessToken}&format=json&fields=username`,
     )
 
     // Fetch full info of each speaker individually and concurrently
@@ -163,9 +163,9 @@ export const createPages: GatsbyNode["createPages"] = async ({
         usernames.map(async user => {
           await new Promise(resolve => setTimeout(resolve, 2000)) // 2 second delay between requests, rate limit is 30req/min
           return fetchData(
-            `https://graphqlconf23.sched.com/api/user/get?api_key=${schedAccessToken}&by=username&term=${user.username}&format=json&fields=username,company,position,name,about,location,url,avatar,role,socialurls`
+            `https://graphqlconf23.sched.com/api/user/get?api_key=${schedAccessToken}&by=username&term=${user.username}&format=json&fields=username,company,position,name,about,location,url,avatar,role,socialurls`,
           )
-        })
+        }),
       )) as SchedSpeaker[]
     ).filter(s => s.role.includes("speaker"))
 
@@ -194,7 +194,7 @@ export const createPages: GatsbyNode["createPages"] = async ({
     // Create schedule events' pages
     schedule.forEach(event => {
       const eventSpeakers = speakers.filter(e =>
-        event.speakers?.find(({ username }) => username === e.username)
+        event.speakers?.find(({ username }) => username === e.username),
       )
 
       createPage({

notes/ContributingToCodePage.md

@@ -70,7 +70,7 @@ app.all(
   createHandler({
     schema: schema,
     rootValue: root,
-  })
+  }),
 )
 app.listen(4000, () => console.log("Now browse to localhost:4000/graphql"))
 ```

package.json

@@ -3,11 +3,11 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
-    "build": "gatsby build",
+    "build": "cd website && pnpm i && pnpm build",
     "develop": "gatsby develop",
-    "format": "yarn format:check --write",
+    "format": "pnpm format:check --write",
     "format:check": "prettier --cache --check \"**/*.{js,jsx,ts,tsx,json,md}\"",
-    "start": "yarn develop",
+    "start": "pnpm develop",
     "serve": "gatsby serve",
     "clean": "gatsby clean",
     "lint": "eslint --ignore-path .gitignore .",
@@ -16,7 +16,6 @@
   "resolutions": {
     "graphql": "16.6.0"
   },
-  "packageManager": "yarn@1.22.19",
   "dependencies": {
     "@graphql-tools/schema": "10.0.0",
     "@headlessui/react": "^1.7.17",
@@ -58,21 +57,21 @@
   },
   "devDependencies": {
     "@svgr/webpack": "^8.0.0",
-    "@tailwindcss/typography": "0.5.9",
+    "@tailwindcss/typography": "0.5.10",
     "@types/codemirror": "5.60.7",
     "@types/prismjs": "1.26.0",
     "@types/react-tooltip": "^4.2.4",
     "@types/string-similarity": "^4.0.0",
     "@typescript-eslint/parser": "5.59.7",
     "autoprefixer": "10.4.14",
     "eslint": "8.42.0",
-    "eslint-plugin-tailwindcss": "3.12.0",
+    "eslint-plugin-tailwindcss": "3.14.0",
     "gatsby-plugin-canonical-urls": "5.12.0",
     "gatsby-plugin-postcss": "6.10.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
     "postcss": "8.4.23",
-    "prettier": "2.8.8",
-    "tailwindcss": "3.3.2",
-    "typescript": "5.1.3"
+    "prettier": "3.2.4",
+    "tailwindcss": "3.4.1",
+    "typescript": "^5.3.3"
   }
 }