>connor_bray_

cumberland-foodstop.com

Marketing & menu site for a local food business with self-service weekly specials management and edge delivery.

About This Project

  • Next.js (React + TypeScript) for static pre-rendered pages and fast navigation
  • Tailwind CSS utility layer with a small set of extracted component patterns
  • Edge deployment on Cloudflare Workers for low-latency regional access
  • Lightweight admin interface to update weekly specials without developer involvement
  • Image optimization & responsive sources for product / menu imagery

Technologies Used

ReactTypeScriptViteTailwind CSSNext.jsCloudflare WorkersGitHub Actions

Key Features

  • Responsive menu & specials pages
  • Self-service weekly specials admin workflow
  • Edge-cached static assets for low latency
  • Optimized images (responsive srcset & modern formats)
  • Accessible navigation & color contrast compliance
  • Automated CI/CD pipeline (build → test → deploy)

Challenges & Solutions

Challenges

  • Enable non-technical staff to update weekly specials safely
  • Keep content fast globally with minimal hosting overhead
  • Ensure menu & specials remain readable across mobile form factors
  • Optimize images without manual intervention
  • Preserve brand consistency while iterating quickly

Solutions

  • Built a simple authenticated admin upload form writing structured specials data
  • Used static generation with edge caching on Cloudflare Workers
  • Applied responsive layout primitives and clamp-based fluid typography
  • Leveraged Next.js image optimization pipeline for automatic sizing & format selection
  • Abstracted repeatable Tailwind patterns into small component utilities