A monorepo for creating sites using Nuxt.js, Vue 3, and TypeScript. This skeleton allows developers to deploy multiple platforms with beautiful, responsive designs using the same code.
This Turborepo includes the following packages and applications:
gold: Premium gold-themed site with luxury UIsilver: Elegant silver-themed site with sophisticated design
nuxt-base: Shared Nuxt.js base package with common functionalityui: Reusable Vue 3 component library for the site elementsstyles: Centralized SCSS styles with 7-1 architecture patternshared-types: TypeScript type definitions shared across all appseslint-config-custom: ESLint configurations for TypeScript and Vuetsconfig: TypeScript configurations used throughout the monorepo
- 🎨 Multiple Themes: Gold and Silver color schemes with CSS custom properties
- 📱 Responsive Design: Mobile-first approach with modern CSS Grid and Flexbox
- ⚡ Performance: Optimized with Nuxt.js SSR, lazy loading, and modern build tools
- 🔧 TypeScript: Full type safety across the entire monorepo
- 🎯 Component Library: Reusable UI components for rapid development
- 📦 Monorepo: Shared packages and efficient dependency management
- 🎨 SCSS Architecture: Organized styles following 7-1 pattern and Sass Guidelines
archfendus-turborepo/
├── apps/
│ ├── gold/ # Gold-themed site
│ └── silver/ # Silver-themed site
├── packages/
│ ├── nuxt-base/ # Shared Nuxt.js functionality
│ ├── ui/ # Vue 3 component library
│ ├── styles/ # SCSS styles (7-1 pattern)
│ ├── shared-types/ # TypeScript definitions
└── turbo.json # Turborepo configuration
- Framework: Nuxt.js 3
- Frontend: Vue 3 with Composition API
- Styling: SCSS with 7-1 architecture
- TypeScript: Full type safety
- Monorepo: Turborepo
- Deployment: Vercel
Built with ❤️ using Turborepo, Nuxt.js, and Vue 3