https://github.com/creativoma/feature-flags-sdk
This project serves as a testing ground for the flags library, demonstrating real-world feature flag usage in a modern web application.
https://github.com/creativoma/feature-flags-sdk
flags-sdk vercel
Last synced: 4 months ago
JSON representation
This project serves as a testing ground for the flags library, demonstrating real-world feature flag usage in a modern web application.
- Host: GitHub
- URL: https://github.com/creativoma/feature-flags-sdk
- Owner: creativoma
- Created: 2025-08-03T11:22:48.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-12-06T15:25:48.000Z (7 months ago)
- Last Synced: 2025-12-13T13:12:57.217Z (6 months ago)
- Topics: flags-sdk, vercel
- Language: TypeScript
- Homepage: https://feature-flags-sdk.vercel.app
- Size: 134 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Feature Flags SDK - Summer Collection Demo
A responsive e-commerce demo showcasing **Vercel's Feature Flags SDK** implementation with Next.js 15. This project serves as a testing ground for the `flags` library, demonstrating real-world feature flag usage in a modern web application.
## 🎯 Highlights
- 🚀 **Vercel Feature Flags SDK** - Real-time feature toggling without deployments
- 📱 **Fully Responsive** - Mobile-first design with adaptive layouts
- ⚡ **Next.js 15** - Latest framework with App Router and Turbopack
- 🎨 **Modern UI/UX** - Clean design with smooth animations
- 🔄 **Real-time Updates** - Feature flags change UI instantly
- 🛠️ **Developer Experience** - Built-in toolbar for testing flags
## 🚩 Feature Flags in Action
- `summer-hero-2025` - Hero section variants (Summer vs Default)
- `summer-discount-banner` - Promotional discount banners
- `premium-summer-promo` - Premium membership offers
- `countdown-timer` - Limited-time countdown displays
## 🛠️ Tech Stack
- **Next.js 15** with App Router & Turbopack
- **Vercel Flags SDK** for feature management
- **Tailwind CSS v4** for responsive styling
- **TypeScript** for type safety
- **Lucide React** for icons
## 🚀 Quick Start
```bash
# Install dependencies
pnpm install
# Start development server
pnpm dev
# Open http://localhost:3000
```
## 📱 Responsive Design
- Mobile: < 640px
- Tablet: 640px - 1024px
- Desktop: > 1024px
## 🎮 Testing Features
Use the **Feature Flags Toolbar** (bottom-right) to toggle flags in real-time and see instant UI changes without page reloads.
---
_Built for testing and demonstrating Vercel's Feature Flags SDK capabilities._