Discuss a Project
Docs
Introduction

Introduction

Welcome to Cascadia Marquee - your partner in crafting custom digital solutions with a focus on Shopify and Shopify Plus.

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

  • Contentlayer2 - Type-safe content management for MDX
  • 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

  • PostHog - Product analytics
  • Vercel Analytics - Performance monitoring
  • 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