A modern front-end development boilerplate with monorepo architecture using pnpm workspaces, featuring React applications, a comprehensive UI component library with Storybook, and WordPress integration.

This project uses a monorepo structure with the following packages:

• @apps/ui - Shared UI component library with Storybook
• @apps/web - React web application built with Vite
• @apps/wordpress - WordPress theme with modern tooling

1. Install dependencies:

   pnpm i

2. Development:

   # Start UI components development (Storybook)
   pnpm @ui storybook
   
   # Start web application
   pnpm @web dev
   
   # Start WordPress development
   pnpm @wp start

• Storybook for component development and documentation
• Figma integration for automated font style extraction
• Icon generation from SVG files with automatic TypeScript exports
• Styled Components theming system

• Turborepo for optimized monorepo builds and caching
• Biome for fast linting and formatting
• TypeScript with strict configuration
• Vite for fast development builds

• CSS-in-JS with styled-components
• Figma design token integration
• Responsive design utilities
• Theme system with dark/light mode support

pnpm @ui       # Run commands in UI package
pnpm @web      # Run commands in Web package
pnpm @wp       # Run commands in WordPress package

# Start Storybook
pnpm @ui storybook

# Build Storybook for production
pnpm @ui build-storybook

# Start development server
pnpm @web dev

# Build for production
pnpm @web build

# Serve built files
pnpm @web start

# Type checking
pnpm @web tsc