[website] fix white flash on initial loading (#1166)

* fix white flash on initial loading

* use stable version of components

.github/workflows/website.yml

@@ -40,5 +40,5 @@ jobs:
           projectName: graphql-config
           prId: ${{ github.event.pull_request.number }}
           websiteDirectory: website
-          buildScript: yarn build && yarn next export
+          buildScript: yarn build
           artifactDir: out

.gitignore

@@ -10,4 +10,5 @@ package-lock.json
 .bob
 
 website/public/_redirects
-website/public/sitemap.xml
+website/public/sitemap.xml
+website/out/

package.json

@@ -34,7 +34,6 @@
   "scripts": {
     "prepublishOnly": "yarn build",
     "clean": "rimraf dist",
-    "postinstall": "patch-package",
     "prebuild": "yarn clean && yarn json-schema",
     "build": "bob build",
     "prettier": "prettier --ignore-path .gitignore --write --list-different .",
@@ -85,7 +84,6 @@
     "lint-staged": "13.0.3",
     "make-dir": "3.1.0",
     "parent-module": "2.0.0",
-    "patch-package": "6.4.7",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
     "ts-jest": "28.0.8",

website/next.config.mjs

@@ -1,9 +1,6 @@
 import { withGuildDocs } from '@theguild/components/next.config';
 
 export default withGuildDocs({
-  images: {
-    unoptimized: true,
-  },
   redirects: () =>
     Object.entries({
       '/legacy': '/docs/migration',

website/package.json

@@ -4,19 +4,17 @@
   "version": "0.0.0",
   "scripts": {
     "lint": "eslint --ignore-path ../.gitignore --ext js,jsx,cjs,mjs,ts,tsx,cts,mts .",
-    "dev": "next dev",
-    "next": "next",
-    "build": "next build && next-sitemap --config next-sitemap.config.cjs ",
+    "dev": "next",
+    "build": "next build && next-sitemap --config next-sitemap.config.cjs && next export",
     "start": "next start",
     "analyze": "cross-env ANALYZE=true yarn build"
   },
   "dependencies": {
-    "@theguild/components": "4.2.1",
+    "@theguild/components": "4.2.2",
     "next": "12.3.1",
     "next-sitemap": "3.1.24",
     "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "wrangler": "2.1.11"
+    "react-dom": "18.2.0"
   },
   "browserslist": {
     "production": [