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