From 27bc5deff1607acd9e3f0449d2506c782cbaa2bd Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Thu, 17 Oct 2024 00:55:28 +0400
Subject: [PATCH] docs: beta testers

---
 apps/www/components/announcement.tsx         |  4 +-
 apps/www/content/docs/components/sidebar.mdx | 40 ++++++++++++++++++++
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/apps/www/components/announcement.tsx b/apps/www/components/announcement.tsx
index 44ac1433c8..e70b00745b 100644
--- a/apps/www/components/announcement.tsx
+++ b/apps/www/components/announcement.tsx
@@ -7,13 +7,13 @@ import { Separator } from "@/registry/new-york/ui/separator"
 export function Announcement() {
   return (
     <Link
-      href="/docs/changelog"
+      href="/docs/components/sidebar"
       className="group inline-flex items-center px-0.5 text-sm font-medium"
     >
       <PieChart className="h-4 w-4" />{" "}
       <Separator className="mx-2 h-4" orientation="vertical" />{" "}
       <span className="underline-offset-4 group-hover:underline">
-        npx shadcn init
+        New sidebar component
       </span>
       <ArrowRightIcon className="ml-1 h-4 w-4" />
     </Link>
diff --git a/apps/www/content/docs/components/sidebar.mdx b/apps/www/content/docs/components/sidebar.mdx
index 0a9e7e742e..b826d8d0a3 100644
--- a/apps/www/content/docs/components/sidebar.mdx
+++ b/apps/www/content/docs/components/sidebar.mdx
@@ -28,6 +28,46 @@ Customizable.
 
 Let's get started.
 
+## Beta Testers
+
+<Steps>
+
+<Step>Create a new Next.js app.</Step>
+
+```bash
+pnpm create next-app --tailwind --eslint --typescript --app --no-src-dir --no-import-alias
+```
+
+<Step>Init `shadcn`</Step>
+
+```bash
+pnpm dlx shadcn@latest init -d
+```
+
+<Step>Add the `sidebar.tsx` component.</Step>
+
+It is not available in the registry yet. Use the beta url.
+
+```bash
+pnpm dlx shadcn@latest add https://ui-rc.vercel.app/r/styles/new-york/sidebar.json -o
+```
+
+<Step>Install one of the example sidebars.</Step>
+
+```bash
+pnpm dlx shadcn@latest add https://ui-rc.vercel.app/r/styles/new-york/sidebar-01.json -o
+```
+
+To install other sidebars, replace `sidebar-01` with `sidebar-02`, `sidebar-03` or `sidebar-15`.
+
+<Step>Run the app and visit `http://localhost:3000/dashboard`.</Step>
+
+```bash
+pnpm dev
+```
+
+</Steps>
+
 ## Installation
 
 <Tabs defaultValue="cli">