94:I[903690,["/chat-static/_next/static/chunks/350425sq4h0_m.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3_e1le12ldpqs.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/15arfkcfit5sz.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3rqx7sbpqnwga.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1r8nmvs6_rpja.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1n89ydk8ccom8.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2ynu6mgagwdj1.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1bxdx5g1i2u3_.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3c0qka1hg-iqt.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3kttbsa09z94i.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2s6vyh6zt9utn.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/395vtu34--uvp.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/105h5cas-3jdf.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0xt2xmw3qhxnw.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/26i06jc5kvmaj.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1nv4rik4luyt3.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/42qj3jlkt-gsv.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3w1s5uwmgh04y.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3eky-7-iak2ku.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0d2lsedvss_wq.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1yj2qc3b88ry8.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3x_wkg7f9hipy.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw"],"ExplicitChatIdProvider"] 95:I[838238,["/chat-static/_next/static/chunks/350425sq4h0_m.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3_e1le12ldpqs.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/15arfkcfit5sz.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3rqx7sbpqnwga.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1r8nmvs6_rpja.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1n89ydk8ccom8.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2ynu6mgagwdj1.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1bxdx5g1i2u3_.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3c0qka1hg-iqt.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3kttbsa09z94i.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/2s6vyh6zt9utn.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/395vtu34--uvp.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/105h5cas-3jdf.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0xt2xmw3qhxnw.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/26i06jc5kvmaj.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1nv4rik4luyt3.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/42qj3jlkt-gsv.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3w1s5uwmgh04y.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3eky-7-iak2ku.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/0d2lsedvss_wq.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/1yj2qc3b88ry8.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw","/chat-static/_next/static/chunks/3x_wkg7f9hipy.js?dpl=dpl_C2DHey2EVD6rsprJGmUZQHQj4mbw"],"SWRDataProvider"] 96:T943a,[V0_FILE]plaintext:file=".gitignore" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" # MDX changelog site *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/joel-bohorquezs-projects/v0-mdx-changelog-site) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/projects/JZ62ovWYajp) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/joel-bohorquezs-projects/v0-mdx-changelog-site](https://vercel.com/joel-bohorquezs-projects/v0-mdx-changelog-site)** ## Build your app Continue building your app on: **[https://v0.app/chat/projects/JZ62ovWYajp](https://v0.app/chat/projects/JZ62ovWYajp)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]css:file="app/globals.css" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.98 0 0); --foreground: oklch(0.25 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.25 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.25 0 0); --primary: oklch(0.2 0 0); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.92 0 0); --secondary-foreground: oklch(0.25 0 0); --muted: oklch(0.55 0 0); --muted-foreground: oklch(0.55 0 0); --accent: oklch(0.92 0 0); --accent-foreground: oklch(0.25 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.88 0 0); --input: oklch(0.88 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.5rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.92 0 0); --card: oklch(0.18 0 0); --card-foreground: oklch(0.92 0 0); --popover: oklch(0.18 0 0); --popover-foreground: oklch(0.92 0 0); --primary: oklch(0.92 0 0); --primary-foreground: oklch(0.2 0 0); --secondary: oklch(0.25 0 0); --secondary-foreground: oklch(0.92 0 0); --muted: oklch(0.55 0 0); --muted-foreground: oklch(0.55 0 0); --accent: oklch(0.25 0 0); --accent-foreground: oklch(0.92 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.3 0 0); --input: oklch(0.3 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --font-serif: "Instrument Serif", "Instrument Serif Fallback", serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } /* Simplified CSS to ensure canvas fills container like cover */ .shader-wrapper canvas { width: 100% !important; height: 100% !important; object-fit: cover !important; } } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from 'react'; import type { Metadata } from 'next'; import { Geist, Geist_Mono, Instrument_Serif } from 'next/font/google'; import { Analytics } from '@vercel/analytics/next'; import './globals.css'; const _geist = Geist({ subsets: ['latin'] }); const _geistMono = Geist_Mono({ subsets: ['latin'] }); const _instrumentSerif = Instrument_Serif({ subsets: ['latin'], weight: ['400'], }); export const metadata: Metadata = { title: 'Changelog', description: 'Latest updates and improvements', generator: 'v0.app', }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {children} ); } [V0_FILE]typescriptreact:file="app/page.tsx" import { ChangelogHeader } from "@/components/changelog-header" import { ChangelogList } from "@/components/changelog-list" export default function ChangelogPage() { return (

) } [V0_FILE]json:file="components.json" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/authors.tsx" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" interface Author { name: string avatar: string } interface AuthorsProps { authors: Author[] } export function Authors({ authors }: AuthorsProps) { return (

{authors.map((author, index) => ( {author.name .split(" ") .map((n) => n[0]) .join("")} ))}

{authors.map((author, index) => ( {author.name} {index < authors.length - 1 && ", "} ))}

) } [V0_FILE]typescriptreact:file="components/changelog-entry.tsx" import { Authors } from '@/components/authors'; interface Author { name: string; avatar: string; } interface ChangelogEntryProps { date: string; version: string; title: string; description: string; changes: string[]; authors: Author[]; codeExample?: { language: string; code: string; }; image?: string; } export function ChangelogEntry({ date, version, title, description, changes, authors, codeExample, image, }: ChangelogEntryProps) { const midPoint = Math.ceil(changes.length / 2); const firstHalf = changes.slice(0, midPoint); const secondHalf = changes.slice(midPoint); return (

{date}

{title}

{description}

{change}

{image && (

)}

{change}

{codeExample && (

								
									{codeExample.code}

)}

); } [V0_FILE]typescriptreact:file="components/changelog-header.tsx" 'use client'; import { ArrowRight, Rss } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import Dithering from '@/components/shader'; export function ChangelogHeader() { return (

{'(changelog)'}

{"What's New?"}

Stay informed about the latest updates

); } [V0_FILE]typescriptreact:file="components/changelog-list.tsx" import { ChangelogEntry } from '@/components/changelog-entry'; const changelogData = [ { date: 'March 15, 2025', version: 'v2.4.0', title: 'Enhanced Performance & New Dashboard', description: "Significant performance improvements across the platform with a redesigned dashboard experience. We've completely rebuilt our rendering engine to deliver lightning-fast page loads and smooth interactions.", changes: [ 'Reduced page load times by 40% through optimized bundle splitting and lazy loading', 'New analytics dashboard with real-time data visualization and customizable widgets', 'Improved mobile responsiveness with touch-optimized controls and gestures', 'Added dark mode support with automatic theme detection based on system preferences', 'Implemented service worker caching for offline functionality', 'Enhanced accessibility with ARIA labels and keyboard navigation improvements', ], codeExample: { language: 'typescript', code: `import { Dashboard } from '@/components/dashboard' export default function Page() { return ( ) }`, }, image: '/screenshots/img1.avif', authors: [ { name: 'Rohan Taneja', avatar: '/avatars/rohan.jpg' }, { name: 'Walter Korman', avatar: '/avatars/walter.jpg' }, { name: 'Harpreet Arora', avatar: '/avatars/harpreet.jpg' }, ], }, { date: 'February 28, 2025', version: 'v2.3.0', title: 'Team Collaboration Features', description: 'Introducing powerful collaboration tools to help teams work together more effectively. Real-time editing, presence indicators, and seamless conflict resolution make teamwork effortless.', changes: [ 'Real-time collaborative editing with operational transformation for conflict-free merging', 'Team workspaces with granular role-based permissions and access controls', 'Activity feed showing all team actions with filtering and search capabilities', 'Commenting system with @mentions, reactions, and threaded discussions', "Presence indicators showing who's online and what they're working on", 'Version history with the ability to restore previous states', ], codeExample: { language: 'javascript', code: `// Initialize collaborative session const session = await createCollabSession({ documentId: 'doc-123', userId: currentUser.id, permissions: ['read', 'write', 'comment'] }) // Listen for remote changes session.on('change', (delta) => { applyChanges(delta) })`, }, image: '/screenshots/img2.png', authors: [ { name: 'Sarah Chen', avatar: '/avatars/sarah.jpg' }, { name: 'Michael Park', avatar: '/avatars/michael.jpg' }, ], }, { date: 'February 10, 2025', version: 'v2.2.1', title: 'Bug Fixes & Stability Improvements', description: 'Minor updates focused on improving stability and fixing reported issues. This release addresses critical bugs and enhances overall system reliability.', changes: [ 'Fixed authentication timeout issues that caused unexpected logouts during long sessions', 'Resolved data sync conflicts when multiple devices were editing simultaneously', 'Improved error handling with more descriptive messages and recovery suggestions', 'Performance optimizations for large dataset rendering (10,000+ items)', 'Fixed memory leaks in the notification system', 'Corrected timezone handling for international users', ], authors: [{ name: 'Alex Johnson', avatar: '/avatars/alex.jpg' }], }, { date: 'January 22, 2025', version: 'v2.2.0', title: 'API v2 Release', description: 'Complete API overhaul with improved documentation and new endpoints for developers. Built with modern REST principles and comprehensive error handling for a better developer experience.', changes: [ 'RESTful API v2 with consistent resource naming and HTTP verb usage', 'Comprehensive API documentation with interactive examples and code snippets', 'Webhook support for real-time events including retries and signature verification', 'Rate limiting improvements with per-endpoint quotas and usage analytics', 'New batch operations endpoint for processing multiple requests efficiently', 'GraphQL endpoint for flexible data querying (beta)', 'SDK libraries for JavaScript, Python, and Go', ], codeExample: { language: 'bash', code: `# Fetch user data with the new API curl -X GET https://api.example.com/v2/users/123 \\ -H "Authorization: Bearer YOUR_TOKEN" \\ -H "Content-Type: application/json" # Create a webhook subscription curl -X POST https://api.example.com/v2/webhooks \\ -H "Authorization: Bearer YOUR_TOKEN" \\ -d '{ "url": "https://your-app.com/webhook", "events": ["user.created", "user.updated"] }'`, }, image: '/screenshots/img3.avif', authors: [ { name: 'Emma Davis', avatar: '/avatars/emma.jpg' }, { name: 'James Wilson', avatar: '/avatars/james.jpg' }, { name: 'Lisa Anderson', avatar: '/avatars/lisa.jpg' }, ], }, ]; export function ChangelogList() { return (

{changelogData.map((entry, index) => ( ))}

); } [V0_FILE]typescriptreact:file="components/shader.tsx" import { Dithering } from '@paper-design/shaders-react'; export default function DitheringShader() { return (

); } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" 'use client' import * as React from 'react' import * as AvatarPrimitive from '@radix-ui/react-avatar' import { cn } from '@/lib/utils' function Avatar({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/button.tsx" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: 'bg-primary text-primary-foreground hover:bg-primary/90', destructive: 'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50', secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50', link: 'text-primary underline-offset-4 hover:underline', }, size: { default: 'h-9 px-4 py-2 has-[>svg]:px-3', sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5', lg: 'h-10 rounded-md px-6 has-[>svg]:px-4', icon: 'size-9', 'icon-sm': 'size-8', 'icon-lg': 'size-10', }, }, defaultVariants: { variant: 'default', size: 'default', }, }, ) function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<'button'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'button' return ( ) } export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/input.tsx" import * as React from 'react' import { cn } from '@/lib/utils' function Input({ className, type, ...props }: React.ComponentProps<'input'>) { return ( ) } export { Input } [V0_FILE]typescript:file="lib/utils.ts" import { clsx, type ClassValue } from 'clsx' import { twMerge } from 'tailwind-merge' export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]javascript:file="next.config.mjs" /** @type {import('next').NextConfig} */ const nextConfig = { eslint: { ignoreDuringBuilds: true, }, typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, } export default nextConfig [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "build": "next build", "dev": "next dev", "lint": "eslint .", "start": "next start" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@paper-design/shaders-react": "latest", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "latest", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.2.4", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]javascript:file="postcss.config.mjs" /** @type {import('postcss-load-config').Config} */ const config = { plugins: { '@tailwindcss/postcss': {}, }, } export default config [V0_FILE]css:file="styles/globals.css" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Geist', 'Geist Fallback'; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]json:file="tsconfig.json" { "compilerOptions": { "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "target": "ES6", "skipLibCheck": true, "strict": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "plugins": [ { "name": "next" } ], "paths": { "@/*": ["./*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"] } [V0_FILE]jpg:file="public/avatars/alex.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/C3D_Tlq-u390--fxAdAw2F/public/avatars/alex.jpg" [V0_FILE]jpg:file="public/avatars/emma.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/3g-YVCbgCN01uvkkTCe20p/public/avatars/emma.jpg" [V0_FILE]jpg:file="public/avatars/harpreet.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/UqM3ObgWKLPSoags_vBhKG/public/avatars/harpreet.jpg" [V0_FILE]jpg:file="public/avatars/james.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/X_GdkPXhWbHMeov61r6Hi9/public/avatars/james.jpg" [V0_FILE]jpg:file="public/avatars/lisa.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/wuxcDG0u75C29kj6zxuJKl/public/avatars/lisa.jpg" [V0_FILE]jpg:file="public/avatars/michael.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/HtMg6bOPXJHkoWmTBcEktL/public/avatars/michael.jpg" [V0_FILE]jpg:file="public/avatars/rohan.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/SNUhScph_W4T-1J5TgiyDI/public/avatars/rohan.jpg" [V0_FILE]jpg:file="public/avatars/sarah.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/XBm-oACosROBwUix9T1u9U/public/avatars/sarah.jpg" [V0_FILE]jpg:file="public/avatars/walter.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/Fq04qLvsEwBCyeEUTiUzjE/public/avatars/walter.jpg" [V0_FILE]png:file="public/diverse-group.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/ZNyv_lembrUfW_Yh1XHSxO/public/diverse-group.png" [V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/1uv3SMJqY6_jxcFCTgTEak/public/placeholder-logo.png" [V0_FILE]xml:file="public/placeholder-logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/XB_XF8ESrwbAjotfOd5Wmb/public/placeholder-logo.svg" [V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/ONejAluG3EJATcwwA61bXn/public/placeholder-user.jpg" [V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/BlrBc_c6JuPtjsBHFMcNJn/public/placeholder.jpg" [V0_FILE]xml:file="public/placeholder.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/J0QvC3Vjlpi92ZtRdLC4Mx/public/placeholder.svg" [V0_FILE]jpg:file="public/screenshots/api-docs.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/QfT7x98obvGFGo2HZide1N/public/screenshots/api-docs.jpg" [V0_FILE]jpg:file="public/screenshots/collaboration.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/wgv4eNYcIfslZbkp9lB4tW/public/screenshots/collaboration.jpg" [V0_FILE]jpg:file="public/screenshots/dashboard.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/z8KFCq3kTn9_YbAFz35C9m/public/screenshots/dashboard.jpg" [V0_FILE]jpg:file="public/screenshots/feature-preview.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/DjuLaZM808Wz8n3-LpSFm2/public/screenshots/feature-preview.jpg" [V0_FILE]plaintext:file="public/screenshots/img1.avif" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/1jmBas2q9A91K5hJYoKaKF/public/screenshots/img1.avif" [V0_FILE]png:file="public/screenshots/img2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/TNT82TJf-qNf9U3tKfLq23/public/screenshots/img2.png" [V0_FILE]plaintext:file="public/screenshots/img3.avif" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/RbFQspIVtBPidyac1uCuca/public/screenshots/img3.avif" [V0_FILE]plaintext:file="public/screenshots/img4.avif" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_gQlip2vMlwHNV0YPDMNM9uBwKjTp/NkPaDNZ9H7rPDKl_26DzEv/public/screenshots/img4.avif"8a:["$","$L94",null,{"chatId":"cZxFz3gPrLf","children":["$","$L95",null,{"data":{"@\"active-block\",\"cZxFz3gPrLf\",":{"id":"b_kS5pt5ukT9T","messageId":"GoWTtkLRiiGoE8iHNM912qi3F142aiRP","source":"$96","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"mdx-changelog-site","type":"code-project","project":"mdx-changelog-site"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"cZxFz3gPrLf\",":false,"":null},"children":"$L97"}]}]

About

Tags

Share

About

Tags

Share

More from joelbqz

More Templates Like This