Start Ui Web
Start UI Web is an opinionated frontend starter repository created and maintained by the BearStudio team for building modern web applications. It encapsulates the team's current production-ready technology stack, designed to accelerate development while ensuring best practices in scalability, type safety, and user experience. The project serves as a comprehensive foundation for creating full-stack applications with minimal initial configuration. The software integrates a robust set of core technologies. It is built on Node.js and TypeScript to ensure type safety and modern JavaScript capabilities. The frontend utilizes React as the view layer and TanStack Start for full-stack meta-framework features. Styling is handled by Tailwind CSS combined with the shadcn/ui component library, providing a flexible and accessible design system. For form management, it implements React Hook Form for efficient state handling. On the backend and data layer, the starter uses Prisma as an Object-Relational Mapping tool for database management, paired with PostgreSQL as the default database solution. API communication is structured through oRPC, enabling type-safe remote procedure calls. Authentication is managed via Better Auth to provide secure and flexible user verification. Image and file storage are supported through MinIO in development environments. Quality assurance and developer experience are central to the package. The repository includes Storybook for component documentation and testing, Vitest for unit testing, and Playwright for end-to-end testing. It also features built-in support for Email development using Maildev to intercept outgoing messages locally, allowing developers to preview email templates with various locales and props without sending real emails. An OpenAPI interface is included to explore, test, and document API endpoints directly within the browser. The setup requires Node.js version 22 or higher and pnpm as the package manager. It supports Docker containers for managing dependencies like PostgreSQL, MinIO, and Maildev locally, though manual database configuration is also possible. Installation involves scaffolding a new project, copying environment variables, installing dependencies, initializing Docker containers, and running database migrations. The project includes specific configurations for popular IDEs like VS Code and Zed to ensure a consistent development environment. This tool is ideal for development teams or individual developers seeking a turnkey solution for building full-stack web applications. It eliminates the need to manually configure complex build chains, select compatible libraries, or set up testing environments. By providing a pre-integrated stack with modern tools, Start UI Web allows developers to focus on feature implementation and business logic immediately upon project creation. It is particularly suited for enterprise-grade applications requiring secure authentication, robust data modeling, and a polished user interface out of the box. Detailed documentation is available to guide users through installation, usage, and specific workflow guides.