Add base for new website

.github/workflows/ci.yml

@@ -19,6 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     outputs:
       website_changes: ${{ steps.check-website.outputs.website_changes }}
+      website_next_changes: ${{ steps.check-website-next.outputs.website_next_changes }}
       library_changes: ${{ steps.check-library.outputs.library_changes }}
       src_changes: ${{ steps.check-src.outputs.src_changes }}
     steps:
@@ -38,10 +39,20 @@ jobs:
             echo "website_changes=false" >> $GITHUB_OUTPUT
           fi
 
+      - name: Check for changes in website-next directory
+        id: check-website-next
+        run: |
+          changes=$(git diff --name-only HEAD~1 HEAD -- ./website-next)
+          if [[ -n "$changes" ]]; then
+            echo "website_next_changes=true" >> $GITHUB_OUTPUT
+          else
+            echo "website_next_changes=false" >> $GITHUB_OUTPUT
+          fi
+
       - name: Check for changes outside website directory
         id: check-library
         run: |
-          changes=$(git diff --name-only HEAD~1 HEAD -- ':!./website')
+          changes=$(git diff --name-only HEAD~1 HEAD -- ':!./website' ':!./website-next')
           if [[ -n "$changes" ]]; then
             echo "library_changes=true" >> $GITHUB_OUTPUT
           else
@@ -64,7 +75,7 @@ jobs:
     name: "Spellcheck Documentation"
     runs-on: ubuntu-latest
     needs: check-changes
-    if: needs.check-changes.outputs.website_changes == 'true'
+    if: needs.check-changes.outputs.website_changes == 'true' || needs.check-changes.outputs.website_next_changes == 'true'
     steps:
       - uses: actions/checkout@v6
         name: Check out the code
@@ -79,9 +90,14 @@ jobs:
       - name: Install cspell
         run: npm install -g cspell@10.0.0
 
-      - name: run cspell
+      - name: run cspell (website)
+        if: needs.check-changes.outputs.website_changes == 'true'
         run: cspell --config ./cspell.json "website/src/**/*.md" --no-progress --no-cache
 
+      - name: run cspell (website-next)
+        if: needs.check-changes.outputs.website_next_changes == 'true'
+        run: cspell --config ./cspell.json "website-next/content/**/*.md" --no-progress --no-cache
+
   linting:
     name: "Markdown linting"
     runs-on: ubuntu-latest
@@ -147,6 +163,46 @@ jobs:
         run: yarn build
         working-directory: website
 
+  website-next-tests:
+    name: "Website Next Tests"
+    needs: check-changes
+    if: needs.check-changes.outputs.website_next_changes == 'true'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v6
+        with:
+          show-progress: false
+
+      - name: Install Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: "yarn"
+          cache-dependency-path: "website-next/yarn.lock"
+
+      - name: Cache Yarn Packages
+        uses: actions/cache@v5
+        with:
+          path: |
+            website-next/.yarn/cache
+            website-next/.next/cache
+          key: ${{ runner.os }}-yarn-next-${{ hashFiles('website-next/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-next-
+
+      - name: Install Packages
+        run: yarn --immutable --network-timeout 100000
+        working-directory: website-next
+
+      - name: Lint
+        run: yarn lint
+        working-directory: website-next
+
+      - name: Build
+        run: yarn build
+        working-directory: website-next
+
   configure:
     name: Generate Test Matrix
     runs-on: ubuntu-latest
@@ -352,6 +408,7 @@ jobs:
       [
         library-tests,
         website-tests,
+        website-next-tests,
         validate-nitro-client,
         verify-nitro-npm-package,
       ]
@@ -364,4 +421,5 @@ jobs:
           always() &&
           (needs.library-tests.result == 'failure' ||
            needs.website-tests.result == 'failure' ||
+           needs.website-next-tests.result == 'failure' ||
            needs.verify-nitro-npm-package.result == 'failure')

dictionary.txt

@@ -164,6 +164,7 @@ queryables
 quox
 quux
 Rafi
+rafaelstaib
 reencode
 refetched
 relayjs

website-next/.gitignore

@@ -0,0 +1,44 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# storybook
+/storybook-static/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

website-next/.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/nextjs-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/design-system/**/*.stories.@(ts|tsx|mdx)"],
+  framework: {
+    name: "@storybook/nextjs-vite",
+    options: {},
+  },
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
+  },
+  async viteFinal(config) {
+    const { default: tailwindcss } = await import("@tailwindcss/vite");
+    config.plugins = [...(config.plugins ?? []), tailwindcss()];
+    return config;
+  },
+};
+
+export default config;

website-next/.storybook/preview.ts

@@ -0,0 +1,16 @@
+import type { Preview } from "@storybook/nextjs-vite";
+import "../app/globals.css";
+
+const preview: Preview = {
+  parameters: {
+    layout: "padded",
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

website-next/.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.renderWhitespace": "all",
+  "editor.rulers": [0, 80],
+  "svg.preview.background": "transparent",
+  "[svg]": {
+    "editor.defaultFormatter": "jock.svg"
+  }
+}

website-next/.yarnrc.yml

@@ -0,0 +1,18 @@
+compressionLevel: mixed
+
+enableGlobalCache: false
+
+nodeLinker: node-modules
+
+supportedArchitectures:
+  os:
+    - current
+    - linux
+    - darwin
+    - win32
+  cpu:
+    - current
+    - arm64
+    - x64
+
+yarnPath: .yarn/releases/yarn-4.8.1.cjs

website-next/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

website-next/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

website-next/TODOS.md

@@ -0,0 +1,7 @@
+- TopologyVisualization for Mocha
+- Replace legacy custom mdx tab components
+- Re-add promotional pages
+- Re-add home page
+- Image optimizations
+- Blog/Tag explore pages
+- Switch to proper theme

website-next/app/(content)/help/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Help</h1>;
+}

website-next/app/(content)/layout.tsx

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+
+export default function ContentLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="px-5 py-8 sm:px-12">
+      <div className="mx-auto max-w-5xl">{children}</div>
+    </div>
+  );
+}

website-next/app/(content)/legal/acceptable-use-policy/page.tsx

@@ -0,0 +1,8 @@
+import { createStaticPage } from "@/src/helpers/staticPage";
+
+const { Page, generateMetadata } = createStaticPage(
+  "legal/acceptable-use-policy.md"
+);
+
+export { generateMetadata };
+export default Page;

website-next/app/(content)/legal/cookie-policy/page.tsx

@@ -0,0 +1,8 @@
+import { createStaticPage } from "@/src/helpers/staticPage";
+
+const { Page, generateMetadata } = createStaticPage(
+  "legal/cookie-policy.md"
+);
+
+export { generateMetadata };
+export default Page;

website-next/app/(content)/legal/privacy-policy/page.tsx

@@ -0,0 +1,8 @@
+import { createStaticPage } from "@/src/helpers/staticPage";
+
+const { Page, generateMetadata } = createStaticPage(
+  "legal/privacy-policy.md"
+);
+
+export { generateMetadata };
+export default Page;

website-next/app/(content)/legal/terms-of-service/page.tsx

@@ -0,0 +1,8 @@
+import { createStaticPage } from "@/src/helpers/staticPage";
+
+const { Page, generateMetadata } = createStaticPage(
+  "legal/terms-of-service.md"
+);
+
+export { generateMetadata };
+export default Page;

website-next/app/(content)/licensing/chillicream-license/page.tsx

@@ -0,0 +1,8 @@
+import { createStaticPage } from "@/src/helpers/staticPage";
+
+const { Page, generateMetadata } = createStaticPage(
+  "licensing/chillicream-license.md"
+);
+
+export { generateMetadata };
+export default Page;

website-next/app/(content)/page.tsx

@@ -0,0 +1,50 @@
+import Link from "next/link";
+
+const blogs: { href: string; title: string }[] = [
+  {
+    href: "/blogs/2026/05/09/linking-between-posts",
+    title: "Linking between blog posts (relative .md links demo)",
+  },
+  { href: "/blogs/2025/02/01/hot-chocolate-15", title: "Hot Chocolate 15" },
+  { href: "/blogs/2024/10/07/introducing-nitro", title: "Introducing Nitro" },
+  { href: "/blogs/2024/08/30/hot-chocolate-14", title: "Hot Chocolate 14" },
+  {
+    href: "/blogs/2023/08/15/graphql-fusion",
+    title: "Announcing GraphQL Fusion",
+  },
+  { href: "/blogs/2019/05/08/performance", title: "Performance Improvements" },
+];
+
+export default function Home() {
+  return (
+    <>
+      <h2>Docs</h2>
+      <ul>
+        <li>
+          <Link href="/docs/fusion">Fusion</Link>
+        </li>
+        <li>
+          <Link href="/docs/hotchocolate">Hot Chocolate</Link>
+        </li>
+        <li>
+          <Link href="/docs/mocha">Mocha</Link>
+        </li>
+        <li>
+          <Link href="/docs/nitro">Nitro</Link>
+        </li>
+        <li>
+          <Link href="/docs/strawberryshake">Strawberry Shake</Link>
+        </li>
+      </ul>
+
+      <h2>Blog</h2>
+      <ul>
+        {blogs.map((blog) => (
+          <li key={blog.href}>
+            <Link href={blog.href}>{blog.title}</Link>
+          </li>
+        ))}
+      </ul>
+    </>
+  );
+}

website-next/app/(content)/platform/analytics/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Analytics</h1>;
+}

website-next/app/(content)/platform/continuous-integration/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Continuous Integration</h1>;
+}

website-next/app/(content)/platform/ecosystem/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Ecosystem</h1>;
+}

website-next/app/(content)/pricing/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Pricing</h1>;
+}

website-next/app/(content)/products/hotchocolate/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Hot Chocolate</h1>;
+}

website-next/app/(content)/products/nitro/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Nitro</h1>;
+}

website-next/app/(content)/products/strawberryshake/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Strawberry Shake</h1>;
+}

website-next/app/(content)/services/advisory/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <h1>Advisory</h1>;
+}