Welcome to Cascadia Marquee

Cascadia Marquee specializes in delivering tailored e-commerce experiences that cater to the unique needs of high-growth businesses. Our solutions ensure that your online stores are not only visually appealing but also optimized for performance and scalability.

What is Cascadia Marquee?

Cascadia Marquee helps you:

• Craft Custom Digital Solutions: Specializing in Shopify and Shopify Plus to meet your business needs
• Deliver Tailored E-commerce Experiences: Ensuring your online store is visually appealing and optimized
• Optimize for Performance and Scalability: Equip your store to handle the demands of a growing business
• Leverage Expert Development: Led by Carl Hickerson, with nearly a decade of experience in web design and development

Who is this for?

• High-growth businesses looking for custom e-commerce solutions
• Store owners wanting to optimize their Shopify or Shopify Plus stores
• Anyone interested in building a scalable and visually appealing online retail business

Site Architecture & Technology

This website is built with modern technologies for optimal performance and developer experience:

Core Framework

• Next.js 15 - React framework with App Router
• React 19 - UI library with latest features
• TypeScript - Type-safe development

Content Management

• Content Collections - Type-safe content management for MDX (via @content-collections/next)
• MDX - Markdown with JSX components
• Gray Matter - Front matter parsing

Styling & UI

• Tailwind CSS - Utility-first CSS framework
• shadcn/ui - Re-usable component library
• Radix UI - Accessible component primitives
• Framer Motion - Animation library
• Lucide React - Icon library

Analytics & Integrations

• Google Analytics 4 - Product analytics (consent-gated)
• Google Calendar API - Meeting booking system
• Resend - Email service

Project Structure

src/
├── app/                    # Next.js App Router pages
│   ├── api/               # API routes
│   ├── blog/              # Blog pages and layouts
│   ├── contact/           # Contact page
│   ├── docs/              # Documentation pages
│   ├── legal/             # Legal pages (privacy, terms)
│   ├── services/          # Service pages
│   └── globals.css        # Global styles
├── components/            # Reusable React components
│   ├── ui/               # shadcn/ui components
│   ├── layout/           # Layout components
│   ├── contact/          # Contact form components
│   ├── charts/           # Data visualization
│   └── icons/            # Custom icons
├── config/               # Site configuration
│   ├── navs/            # Navigation configuration
│   └── site.ts          # Site metadata
├── content/             # MDX content files
│   ├── docs/           # Documentation content
│   ├── posts/          # Blog posts
│   ├── services/       # Service descriptions
│   └── legal/          # Legal documents
├── hooks/              # Custom React hooks
├── lib/                # Utility functions
├── providers/          # React context providers
└── types/              # TypeScript type definitions

Using this Documentation

This documentation will guide you through:

1. Development Setup - Getting the development environment running
2. Content Management - Adding blog posts, documentation, and services
3. Component Development - Building and maintaining UI components
4. Technical Guides - Google Calendar integration, Framer Motion animations
5. Build & Deployment - Production builds and deployment process
6. Advanced Features - Analytics, integrations, and performance optimization

FAQ