fix: website cloudflare pages build (#11)

packages/website/next.config.js

@@ -1,7 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-  distDir: 'out',
+  images: {
+    loader: 'custom',
+  },
 }
 
 module.exports = nextConfig

packages/website/package.json

@@ -6,27 +6,30 @@
   "license": "(Apache-2.0 OR MIT)",
   "scripts": {
     "dev": "rm -rf .next && next dev -p 4000",
-    "build": "next build",
+    "build": "rm -rf .next && next build && next export",
     "start": "next start",
     "test": "pnpm lint",
     "test:e2e": "npx playwright test",
     "lint": "eslint './**/*.js'",
     "lint:fix": "eslint './**/*.js' --fix-dry-run"
   },
   "dependencies": {
-    "next": "12.1.4",
-    "react": "18.0.0",
-    "react-dom": "18.0.0"
+    "next": "^12.1.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
+    "@svgr/webpack": "^6.2.1",
     "@playwright/test": "^1.20.1",
     "eslint": "^8.4.1",
     "eslint-config-next": "12.0.10",
     "eslint-config-prettier": "^8.2.0",
     "eslint-config-standard": "^16.0.2",
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.1.0"
+    "eslint-plugin-promise": "^5.1.0",
+    "typescript": "^4.6.0",
+    "url-loader": "4.1.1"
   },
   "eslintConfig": {
     "extends": [

packages/website/pages/index.js

@@ -61,10 +61,7 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          Powered by{' '}
-          <span className={styles.logo}>
-            <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
-          </span>
+          Powered by Vercel
         </a>
       </footer>
     </div>