turborepo-nextjs-wxt-shadcn-boilerplate

Turborepo Boilerplate: Next.js, WXT, and Shadcn/UI for Web & Extensions

This Turborepo boilerplate provides a solid foundation for projects requiring both a web application and a browser extension. It integrates Next.js for the web app and WXT for the extension, sharing UI components via shadcn/ui. Developers benefit from pre-configured TypeScript, ESLint, Tailwind CSS, and Prettier, ensuring a consistent and efficient development experience across the monorepo structure, accelerating the setup process for complex applications.

Features:

• Monorepo Structure: Utilizes Turborepo for managing both web and extension applications within a single repository.
• Web Application Framework: Built with Next.js for robust and modern web app development.
• Browser Extension Framework: Employs WXT for streamlined browser extension creation.
• Shared UI Components: Leverages shadcn/ui for consistent and reusable UI elements across applications.
• Styling Solution: Integrated with Tailwind CSS for utility-first styling.
• Type Safety: Uses TypeScript for enhanced code quality and maintainability.
• Linting Configuration: Pre-configured ESLint for consistent code style and error checking.
• Code Formatting: Includes Prettier for automated code formatting.
• Unified Configurations: Provides consistent TypeScript, ESLint, Tailwind CSS, and Prettier setups across projects.
• CLI Component Integration: Supports adding new shadcn/ui components to respective apps via the shadcn CLI.
• Dual Development Servers: Includes scripts for concurrently running development servers for the web app (e.g., localhost:3001) and the browser extension (e.g., localhost:3000 with auto-reload).

Summary:

This boilerplate accelerates the development of applications requiring both web and browser extension components. By leveraging Turborepo, Next.js, WXT, and shadcn/ui, along with unified development tools like TypeScript, ESLint, Tailwind CSS, and Prettier, it offers a pre-configured, efficient starting point. Developers can quickly begin building feature-rich web apps and extensions with a consistent codebase and shared UI elements.