Modern, çok şubeli güzellik salonu / güzellik merkezi yönetim platformu. Next.js 16, Drizzle ORM ve PostgreSQL ile geliştirilmiş, randevu almadan stok yönetimine kadar tam kapsamlı SaaS çözümü.
Türkçe arayüz · Light theme · Beauty-center estetiği
- Landing Page — Hero, hizmetler, ekip, galeri, yorumlar, SSS, istatistikler
- Online Randevu — Hizmet / çalışan / tarih & saat seçimi
- Hesabım — Randevu geçmişi ve profil yönetimi
- Dashboard — Ciro, randevu ve doluluk istatistikleri (Recharts)
- Randevular — Durum yönetimi (beklemede / onaylandı / tamamlandı / iptal)
- Hizmetler — Kategori, fiyat, süre, görsel yönetimi
- Çalışanlar — Uzmanlık, biyografi, puan ve deneyim
- Müşteriler — İletişim, notlar ve favori çalışan
- Stok / Ürünler — SKU, stok takibi, düşük stok uyarısı
- Kampanyalar — Kupon, hediye kartı, üyelik (indirim kodu)
- Galeri — Fotoğraf, önce/sonra ve video
- Yorumlar & Bildirimler — Moderasyon ve sistem bildirimleri
- Şubeler & Çalışma Saatleri — Çok şubeli yapı
| Katman | Teknoloji |
|---|---|
| Framework | Next.js 16 (App Router) |
| Dil | TypeScript 5.9 |
| Stil | Tailwind CSS 4.1 |
| Animasyon | Framer Motion |
| Veritabanı | PostgreSQL + Drizzle ORM 0.45 |
| Form | React Hook Form + Zod |
| Grafik | Recharts |
| İkon | Lucide React |
| Carousel | Embla Carousel |
src/
├── app/
│ ├── page.tsx # Landing page
│ ├── booking/ # Randevu akışı
│ ├── account/ # Müşteri hesabı
│ ├── admin/ # Admin panel
│ └── api/ # API routes
├── components/
│ ├── landing/ # Navbar, Hero, Services, Team, Gallery ...
│ ├── admin/ # Admin bileşenleri
│ └── ui/ # Paylaşımlı UI
├── db/
│ ├── schema.ts # Drizzle şeması
│ ├── queries.ts # Sorgular
│ └── index.ts # DB bağlantısı
└── lib/
└── utils.ts
salons · branches · services · employees · customers · appointments · reviews · gallery_items · working_hours · products · campaigns · notifications
- Node.js 18+
- PostgreSQL veritabanı
# 1. Repoyu klonla
git clone https://github.com/Furkan1DEV/premium-beauty-salon-saas.git
cd premium-beauty-salon-saas
# 2. Bağımlılıkları yükle
npm install
# 3. Ortam değişkenlerini ayarla
cp .env.example .env.local
# .env.local içine DATABASE_URL ekle:
# DATABASE_URL="postgresql://user:password@host/dbname?sslmode=require"
# 4. Veritabanını hazırla
npx drizzle-kit push
npx tsx scripts/seed.ts # örnek veriler (varsa)
# 5. Geliştirme sunucusunu başlat
npm run devTarayıcıda http://localhost:3000 açın.
| Komut | Açıklama |
|---|---|
npm run dev |
Geliştirme sunucusu |
npm run build |
Production build |
npm start |
Production sunucu |
npm run lint |
ESLint kontrolü |
npm run typecheck |
TypeScript tip kontrolü |
npx drizzle-kit push |
Şemayı DB'ye uygula |
npx drizzle-kit studio |
Drizzle Studio (DB GUI) |
| Değişken | Zorunlu | Açıklama |
|---|---|---|
DATABASE_URL |
✅ | PostgreSQL bağlantı URL'i |
.env.example dosyasını referans alın.
vercel --prodVercel dashboard üzerinde DATABASE_URL ortam değişkenini eklemeyi unutmayın.
Özel proje — tüm hakları saklıdır.
Built with ♥ for beauty professionals