docs: beta testers

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>

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">