Ready to start cooking?

Welcome to the Codey Cookbook – your comprehensive guide to building modern web applications with our carefully curated tech stack. Just like a traditional cookbook, we've organized our ingredients (technologies) and recipes (implementation guides) to help you create delicious applications from scratch or enhance existing ones.

What's in Our Pantry? 🥘

Our cookbook is stocked with three main categories of ingredients to power your development journey:

🚀 Quick Start Starters

Perfect for when you need to get cooking fast! Our pre-configured application templates come with everything set up out of the box:

• Back Office Starter - A complete administrative interface with PrimeVue, TailwindCSS, and Material Icons
• Front Office Starter - Customer-facing application template
• Ready-to-deploy configurations with build pipelines
• Pre-integrated design systems and component libraries

🧑‍💻 The Stack

The essential ingredients that form the foundation of every Codey application:

Framework & Language

• Vue 3 - Progressive JavaScript framework with Composition API for modern, reactive UIs
• TypeScript - Strongly typed JavaScript for better development experience and code quality
• Vue Router - Official routing with localized routing extensions for Xerius URL standards

Styling & Design

• TailwindCSS - Utility-first CSS framework with mobile-first design philosophy
• Design System Integration - Automated token synchronization from Figma to CSS custom properties

Form Handling & Validation

• VeeValidate - Powerful Vue 3 form validation with Composition API support
• Zod - TypeScript-first schema validation with runtime safety and type inference

State Management Solutions

We provide guidance for three levels of state management:

• Component State - Local refs/reactive for isolated logic
• Application State - Pinia for structured global state, or Vue Composables for flexible sharing
• Server State & Caching - Vue Query for API data with intelligent caching and synchronization

🛠️ Essential Tools & Utilities

The specialized tools that make development smoother and applications production-ready:

• Node Version Manager (Volta) - Seamless Node.js version management across projects
• Google Tag Manager - Analytics and tracking integration with GDPR compliance considerations
• Google reCAPTCHA - Bot protection and form security
• Browser Not Compatible Pages - Ensuring incompatible browsers are directed to alternatives

How to Use This Cookbook

Each section is designed to be both educational and practical:

• Start with Starters if you're beginning a new project - they provide immediate value with pre-configured setups
• Explore The Stack to understand the core technologies and their integration patterns
• Reference Tools when you need specific functionality like analytics, version management, or security features

Whether you're a seasoned chef looking to master new techniques or a beginner learning the basics, our cookbook provides clear guidance, practical examples, and best practices for every level of complexity.

Let's start cooking! 👨‍🍳