Proje

Ateş Usta

Kömür ateşinde kebap, çorba ve pide: kurumsal site, QR menü ve yönetim paneli tek çatı altında.

Kurumsal Web SitesiQR Menü SistemiAdmin PanelSEOSosyal Medya Tasarımı

Sektör: Restoran — kebap, çorba, pide
Konum: Çekmeköy, İstanbul
Yıl: 2026
Kapsam: Kurumsal site · QR menü · Yönetim paneli · Blog · Sosyal medya
Durum: Canlı

ürün, 7 kategori

QR menüde, müşterinin verdiği gerçek liste

masaüstü performans

Google PageSpeed Insights, 28 Ekim 2026 (3 ölçümün ortancası)

mobil performans

Google PageSpeed Insights, 28 Ekim 2026 (5 ölçümün ortancası)

100

SEO skoru

Mobil ve masaüstü

Başlangıç noktası

Ateş Usta'nın üç şeye ihtiyacı vardı ve üçü de aynı çatı altında, birbiriyle tutarlı olmalıydı: mekânın kömür ateşi kimliğini anlatan bir site, masada telefonla saniyeler içinde açılan bir menü ve bu menüyü kod bilmeden güncelleyebilecekleri bir yönetim paneli. Sıfırdan, tek bir kod tabanında kurduk.

Nasıl yaptık

Önce gerçek menü
Müşterinin verdiği ürün ve fiyat listesiyle başladık: 7 kategori, 82 ürün. Kategori sırası sabit — mekânın imzası olan Çorbalar her zaman ilk sekmede.
Misafirin telefonunda bağımsız menü
QR menü mobil öncelikli tasarlandı: kategori sekmeleri, canlı arama ve fotoğraflı ürün kartları. Menü, sitenin geri kalanından bağımsız açılır; QR kodu okutan misafir bir kurumsal sayfa beklemeden doğrudan menüye düşer.
Kod bilmeden yönetim
Şifre korumalı panelden ürün ekleme, düzenleme, silme, yayından kaldırma, fiyat ve kategori güncelleme yapılıyor. Oturum imzalı çerezle korunuyor, her değişiklik sunucu tarafında ayrıca doğrulanıyor; yüklenen görseller otomatik WebP'ye çevrilip depolanıyor.
Marka dili ve arama görünürlüğü
Sinematik bir çorba klibiyle açılan hero, hakkımızda, şubeler ve harita; ayrıca kategori ve etiket sistemli, JSON-LD şemalı bir blog. Mobilde 92, masaüstünde 95 performans; SEO skoru iki cihazda da 100.

Teslim ettiklerimiz

Kurumsal web sitesi

Hero videosu, hakkımızda, kategori vitrini, şubeler, iletişim ve harita.

QR menü sistemi

7 kategori, 82 ürün, canlı arama, fotoğraflı ürün detayı.

Yönetim paneli

Ürün, fiyat, kategori ve yayın durumu yönetimi; şifre korumalı.

SEO blogu

Kategori ve etiket sistemi, JSON-LD şema, mobil okuma düzeni.

Açılış sosyal medya içerikleri

Açılış haftası için ürün odaklı Instagram gönderileri.

Kayıt ve güvenlik

Postgres veritabanı, satır düzeyi erişim kuralları, imzalı oturum.

Kullandığımız teknolojiler

Next.js (App Router)TypeScriptTailwind CSS v4shadcn/uiSupabase (Postgres)Vercel BlobVercel

Hangi dillerle yazıldı

TypeScript96,1%
CSS2,5%
SQL1,0%
JavaScript0,4%

Proje deposunda 15 Ekim 2026 tarihinde sayılan 5.978 satır kaynak kod. TypeScript, TSX'i de kapsar.

Kurumsal Site

Sinematik çorba klibiyle açılan hero, hakkımızda, kategori vitrini, şubeler, iletişim ve harita; yanında kategori ve etiket sistemli bir SEO blogu.

QR Menü Sistemi

Masalara yerleştirilen QR kodla açılan, bağımsız ve mobil öncelikli dijital menü: kategori sekmeleri, canlı arama ve fotoğraflı ürün kartları. Masaüstünde de aynı menü iki sütunda açılır.

Sosyal Medya İçerikleri

Açılış haftası için hazırlanan Instagram postları — ürün odaklı, kısa ve iştah açıcı başlıklar, markanın koyu/turuncu kimliğiyle tutarlı bir akış.

Performans: Google PageSpeed Insights Sonuçları

28 Ekim 2026 tarihinde Google PageSpeed Insights ile ölçüldü; tek ölçümler ±20 puan oynadığı için mobilde beş, masaüstünde üç ölçümün ortancası alındı.

Metrik	Mobil	Masaüstü
Performans	92	95
Erişilebilirlik	93	93
En İyi Uygulamalar	100	100
SEO	100	100
En Büyük İçerikli Boyama (LCP)	3.4 sn	1.0 sn
Kümülatif Düzen Kayması (CLS)	0	0

Diğer projeler

Kurumsal Web Sitesi

Stage Medya

Influencer marketing ve prodüksiyon hizmetlerini, proje seçkileriyle birlikte sunan kurumsal web sitesi.

Projeyi İncele

Kurumsal Web Sitesi

İrisnet

Kadıköy'de 2015'ten beri güvenlik sistemleri kuran İrisnet için, beş hizmet alanını ve ürün kataloğunu tek yerde toplayan, mobilde hızlı açılan bir kurumsal site geliştirdik.

Projeyi İncele