janhq · urmauur · Apr 22, 2024 · Apr 15, 2024 · Apr 22, 2024
diff --git a/next.config.mjs b/next.config.mjs
@@ -25,13 +25,14 @@ const withNextra = nextra({
 const nextConfig = {
   reactStrictMode: true,
   output: 'export',
-  images: {
-    unoptimized: true,
-  },
   env: {
     GTM_ID: process.env.GTM_ID,
   },
   transpilePackages: ['@scalar', 'react-tweet'],
+  images: {
+    formats: ['image/webp'],
+    unoptimized: true,
+  },
 }
 
 export default withNextra(nextConfig)
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start",
+    "start": "npx serve@latest out",
     "lint": "next lint",
     "create:blogpost": "plop create-blogpost",
     "postbuild": "next-sitemap"

diff --git a/public/assets/images/homepage/app-frame-dark.webp b/public/assets/images/homepage/app-frame-dark.webp
diff --git a/public/assets/images/homepage/app-frame-light.webp b/public/assets/images/homepage/app-frame-light.webp
diff --git a/public/assets/images/homepage/features01.webp b/public/assets/images/homepage/features01.webp
diff --git a/public/assets/images/homepage/features01dark.webp b/public/assets/images/homepage/features01dark.webp
diff --git a/public/assets/images/homepage/features02.webp b/public/assets/images/homepage/features02.webp
diff --git a/public/assets/images/homepage/features02dark.webp b/public/assets/images/homepage/features02dark.webp
diff --git a/public/assets/images/homepage/features03.webp b/public/assets/images/homepage/features03.webp
diff --git a/public/assets/images/homepage/features03dark.webp b/public/assets/images/homepage/features03dark.webp
diff --git a/public/assets/images/homepage/features04.webp b/public/assets/images/homepage/features04.webp
diff --git a/public/assets/images/homepage/features04dark.webp b/public/assets/images/homepage/features04dark.webp
diff --git a/public/assets/images/homepage/features05.webp b/public/assets/images/homepage/features05.webp
diff --git a/public/assets/images/homepage/features05dark.webp b/public/assets/images/homepage/features05dark.webp
diff --git a/public/assets/images/homepage/testing.mp4 b/public/assets/images/homepage/testing.mp4
diff --git a/public/sitemap-0.xml b/public/sitemap-0.xml
diff --git a/src/components/ThemeImage/index.tsx b/src/components/ThemeImage/index.tsx
@@ -20,15 +20,19 @@ const ThemeImage = (props: Props) => {
     <>
       <Image
         src={source.light}
+        blurDataURL={source.light}
         className={twMerge('block dark:hidden', className)}
+        placeholder="blur"
         alt={alt}
         width={width}
         height={height}
         priority={priority}
       />
       <Image
         src={source.dark}
+        blurDataURL={source.dark}
         className={twMerge('hidden dark:block', className)}
+        placeholder="blur"
         alt={alt}
         width={width}
         height={height}

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+  return (
+    <Html lang="en" suppressHydrationWarning>
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}
diff --git a/src/pages/_meta.json b/src/pages/_meta.json
@@ -20,6 +20,13 @@
       "footer": false
     }
   },
+  "changelog": {
+    "type": "page",
+    "title": "Changelog",
+    "theme": {
+      "layout": "raw"
+    }
+  },
   "about": {
     "type": "page",
     "title": "About"
@@ -36,13 +43,7 @@
     "title": "Post Categories",
     "display": "hidden"
   },
-  "changelog": {
-    "type": "page",
-    "title": "Changelog",
-    "theme": {
-      "layout": "raw"
-    }
-  },
+
   "download": {
     "type": "page",
     "theme": {

diff --git a/src/styles/general.scss b/src/styles/general.scss
@@ -77,7 +77,7 @@
     > a:nth-child(2) {
       margin-left: 16px;
     }
-    > a:nth-child(3) {
+    > a:nth-child(4) {
       margin-right: auto !important;
     }
   }

diff --git a/yarn.lock b/yarn.lock
@@ -7492,7 +7492,16 @@ streamsearch@^1.1.0:
   resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
   integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -7589,7 +7598,14 @@ [email protected]:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==