Add todo comments

Author: hasparus

next.config.js

@@ -7,6 +7,7 @@ import withLess from "next-with-less"
 import nextBundleAnalyzer from "@next/bundle-analyzer"
 import fs from "fs"
 import rehypeMermaid from "rehype-mermaid"
+import withPlaiceholder from "@plaiceholder/next"
 
 import { remarkGraphiQLComment } from "./src/remark-graphiql-comment.js"
 import { syntaxHighlightingThemes } from "./src/_design-system/syntax/index.js"
@@ -109,7 +110,6 @@ const config = {
 
     return config
   },
-  // Comment this out if you're working on OG images.
   images: {
     remotePatterns: [
       {
@@ -180,7 +180,9 @@ const withBundleAnalyzer = nextBundleAnalyzer({
   enabled: process.env.ANALYZE === "true",
 })
 
-export default withBundleAnalyzer(withLess(withNextra(config)))
+export default withBundleAnalyzer(
+  withLess(withNextra(withPlaiceholder(config))),
+)
 
 function mermaidConfig() {
   return [

package.json

@@ -36,6 +36,7 @@
     "@igorkowalczyk/is-browser": "^5.1.0",
     "@lezer/highlight": "^1.2.1",
     "@next/bundle-analyzer": "^15.4.5",
+    "@plaiceholder/next": "^3.0.0",
     "@radix-ui/react-radio-group": "^1.2.2",
     "@sparticuz/chromium": "^138.0.2",
     "@tailwindcss/container-queries": "^0.1.1",