A modern, production-ready web application scaffold powered by cutting-edge technologies, designed to accelerate your development with Z.ai's AI-powered coding assistance.

This scaffold provides a robust foundation built with:

• ⚡ Next.js 15 - The React framework for production with App Router
• 📘 TypeScript 5 - Type-safe JavaScript for better developer experience
• 🎨 Tailwind CSS 4 - Utility-first CSS framework for rapid UI development

• 🧩 shadcn/ui - High-quality, accessible components built on Radix UI
• 🎯 Lucide React - Beautiful & consistent icon library
• 🌈 Framer Motion - Production-ready motion library for React
• 🎨 Next Themes - Perfect dark mode in 2 lines of code

• 🎣 React Hook Form - Performant forms with easy validation
• ✅ Zod - TypeScript-first schema validation

• 🐻 Zustand - Simple, scalable state management
• 🔄 TanStack Query - Powerful data synchronization for React
• 🌐 Fetch - Promise-based HTTP request

• 🗄️ Prisma - Next-generation TypeScript ORM
• 🔐 NextAuth.js - Complete open-source authentication solution

• 📊 TanStack Table - Headless UI for building tables and datagrids
• 🖱️ DND Kit - Modern drag and drop toolkit for React
• 📊 Recharts - Redefined chart library built with React and D3
• 🖼️ Sharp - High performance image processing

• 🌍 Next Intl - Internationalization library for Next.js
• 📅 Date-fns - Modern JavaScript date utility library
• 🪝 ReactUse - Collection of essential React hooks for modern development

• 🏎️ Fast Development - Pre-configured tooling and best practices
• 🎨 Beautiful UI - Complete shadcn/ui component library with advanced interactions
• 🔒 Type Safety - Full TypeScript configuration with Zod validation
• 📱 Responsive - Mobile-first design principles with smooth animations
• 🗄️ Database Ready - Prisma ORM configured for rapid backend development
• 🔐 Auth Included - NextAuth.js for secure authentication flows
• 📊 Data Visualization - Charts, tables, and drag-and-drop functionality
• 🌍 i18n Ready - Multi-language support with Next Intl
• 🚀 Production Ready - Optimized build and deployment settings
• 🤖 AI-Friendly - Structured codebase perfect for AI assistance

# Install dependencies
bun install

# Start development server
bun run dev

# Build for production
bun run build

# Start production server
bun start

Open http://localhost:3000 to see your application running.

This scaffold is optimized for use with Z.ai - your AI assistant for:

• 💻 Code Generation - Generate components, pages, and features instantly
• 🎨 UI Development - Create beautiful interfaces with AI assistance
• 🔧 Bug Fixing - Identify and resolve issues with intelligent suggestions
• 📝 Documentation - Auto-generate comprehensive documentation
• 🚀 Optimization - Performance improvements and best practices

Ready to build something amazing? Start chatting with Z.ai at chat.z.ai and experience the future of AI-powered development!

src/
├── app/                 # Next.js App Router pages
├── components/          # Reusable React components
│   └── ui/             # shadcn/ui components
├── hooks/              # Custom React hooks
└── lib/                # Utility functions and configurations

This scaffold includes a comprehensive set of modern web development tools:

• Layout: Card, Separator, Aspect Ratio, Resizable Panels
• Forms: Input, Textarea, Select, Checkbox, Radio Group, Switch
• Feedback: Alert, Toast (Sonner), Progress, Skeleton
• Navigation: Breadcrumb, Menubar, Navigation Menu, Pagination
• Overlay: Dialog, Sheet, Popover, Tooltip, Hover Card
• Data Display: Badge, Avatar, Calendar

• Tables: Powerful data tables with sorting, filtering, pagination (TanStack Table)
• Charts: Beautiful visualizations with Recharts
• Forms: Type-safe forms with React Hook Form + Zod validation

• Animations: Smooth micro-interactions with Framer Motion
• Drag & Drop: Modern drag-and-drop functionality with DND Kit
• Theme Switching: Built-in dark/light mode support

• Authentication: Ready-to-use auth flows with NextAuth.js
• Database: Type-safe database operations with Prisma
• API Client: HTTP requests with Fetch + TanStack Query
• State Management: Simple and scalable with Zustand

• Internationalization: Multi-language support with Next Intl
• Image Optimization: Automatic image processing with Sharp
• Type Safety: End-to-end TypeScript with Zod validation
• Essential Hooks: 100+ useful React hooks with ReactUse for common patterns

1. Clone this scaffold to jumpstart your project
2. Visit chat.z.ai to access your AI coding assistant
3. Start building with intelligent code generation and assistance
4. Deploy with confidence using the production-ready setup

---

Built with ❤️ for the developer community. Supercharged by Z.ai 🚀