doc: React Paris is over 😥 (#946)

franky47 · web-flow · commit 42a803098d4c · 2025-03-22T10:42:17.000Z
* doc: Remove React Paris countdown

* doc: Remove v2 announcement top banner

* doc: Add link to the (only) blog (post)
diff --git a/packages/docs/src/app/(pages)/_landing/footer.tsx b/packages/docs/src/app/(pages)/_landing/footer.tsx
@@ -51,6 +51,15 @@ export default function Component() {
                   Playground
                 </Link>
               </li>
+              <li>
+                <Link
+                  href="/blog/nuqs-2"
+                  className="hover:underline"
+                  prefetch={false}
+                >
+                  Blog
+                </Link>
+              </li>
               <li>
                 <Link
                   href="/stats"
diff --git a/packages/docs/src/app/banners.tsx b/packages/docs/src/app/banners.tsx
@@ -4,6 +4,9 @@ import { Suspense } from 'react'
 import { Countdown } from '../components/countdown'
 import { ReactParisLogo } from '../components/react-paris'
 
+// Note: top-level banners go into src/app/layout.tsx
+// Note: sidebar banners go into src/app/docs/layout.tsx & playground/layout.tsx
+
 export function NuqsV2AnnouncementTopBanner() {
   return (
     <Banner
diff --git a/packages/docs/src/app/docs/layout.tsx b/packages/docs/src/app/docs/layout.tsx
@@ -2,7 +2,6 @@ import { source } from '@/src/app/source'
 import { getSharedLayoutProps } from '@/src/components/shared-layout'
 import { DocsLayout } from 'fumadocs-ui/layouts/docs'
 import { Suspense, type ReactNode } from 'react'
-import { ReactParis2025SideBanner } from '../banners'
 
 export default function RootDocsLayout({ children }: { children: ReactNode }) {
   return (
@@ -11,7 +10,7 @@ export default function RootDocsLayout({ children }: { children: ReactNode }) {
       {...getSharedLayoutProps()}
       sidebar={{
         collapsible: false,
-        banner: <ReactParis2025SideBanner />,
+        // banner: <ReactParis2025SideBanner />,
         footer: (
           <Suspense>
             <SidebarFooter />
diff --git a/packages/docs/src/app/layout.tsx b/packages/docs/src/app/layout.tsx
@@ -6,7 +6,6 @@ import { NuqsAdapter } from 'nuqs/adapters/next'
 import type { ReactNode } from 'react'
 import { ResponsiveHelper } from '../components/responsive-helpers'
 import { cn } from '../lib/utils'
-import { NuqsV2AnnouncementTopBanner } from './banners'
 import './globals.css'
 
 const inter = Inter({
@@ -39,7 +38,7 @@ export default function Layout({ children }: { children: ReactNode }) {
       suppressHydrationWarning
     >
       <body>
-        <NuqsV2AnnouncementTopBanner />
+        {/* Top-level banners go here */}
         <RootProvider>
           <NuqsAdapter>{children}</NuqsAdapter>
         </RootProvider>
diff --git a/packages/docs/src/app/playground/layout.tsx b/packages/docs/src/app/playground/layout.tsx
@@ -2,7 +2,6 @@ import { getSharedLayoutProps } from '@/src/components/shared-layout'
 import { DocsLayout } from 'fumadocs-ui/layouts/docs'
 import { DocsBody, DocsPage } from 'fumadocs-ui/page'
 import React, { Suspense } from 'react'
-import { ReactParis2025SideBanner } from '../banners'
 import { getPlaygroundTree } from './(demos)/demos'
 import { DebugControl } from './debug-control'
 
@@ -25,7 +24,7 @@ export default function PlaygroundLayout({
         {...getSharedLayoutProps()}
         sidebar={{
           collapsible: false,
-          banner: <ReactParis2025SideBanner />,
+          // banner: <ReactParis2025SideBanner />,
           footer: (
             <Suspense fallback={<DebugControlsSkeleton />}>
               <DebugControl />
