docs: update landing page (#313)

This PR refreshes the docs landing experience and updates related
documentation content. It introduces a new interactive homepage
presentation, replaces/reshapes key guide content, and aligns docs
deployment/configuration for the updated setup.

Author: lazarv

.github/workflows/docs.yml

@@ -13,14 +13,13 @@
     "@docsearch/react": "3",
     "@lazarv/react-server": "workspace:^",
     "@uidotdev/usehooks": "^2.4.1",
-    "@vercel/analytics": "^1.4.1",
-    "@vercel/speed-insights": "^1.1.0",
     "algoliasearch": "^4.24.0",
     "highlight.js": "^11.9.0",
     "lucide-react": "^0.408.0",
     "rehype-highlight": "^7.0.0",
     "rehype-mdx-code-props": "^3.0.1",
     "remark-gfm": "^4.0.0",
+    "three": "^0.183.1",
     "vite-plugin-svgr": "^4.5.0"
   },
   "devDependencies": {

docs/package.json

@@ -6,7 +6,7 @@ export default {
   root: "src/pages",
   public: "public",
   adapter: [
-    "vercel",
+    "cloudflare",
     {
       serverlessFunctions: false,
     },

docs/react-server.config.mjs

@@ -0,0 +1,3 @@
+[[routes]]
+pattern = "react-server.dev/*"
+zone_name = "react-server.dev"

docs/react-server.wrangler.toml

@@ -3,10 +3,9 @@
 import { useEffect, useRef, useState } from "react";
 
 import { useCopyToClipboard } from "@uidotdev/usehooks";
-import { track } from "@vercel/analytics";
 import { Copy } from "lucide-react";
 
-export default function CopyToClipboard({ filename }) {
+export default function CopyToClipboard() {
   const ref = useRef();
   const [, copyToClipboard] = useCopyToClipboard();
   const [copiedText, setCopiedText] = useState("");
@@ -40,11 +39,8 @@ export default function CopyToClipboard({ filename }) {
             : code.textContent;
         setCopiedText(text);
         copyToClipboard(text);
-        track("CopyToClipboard", {
-          filename,
-        });
       }}
-      className="absolute right-2 bottom-10"
+      className="absolute top-2 right-2"
       aria-label="Copy to clipboard"
     >
       <Copy size={24} className="stroke-white" />