Web uygulama gelistirme

Web uygulama: tarayicidan calisan gercek urun

Web uygulama gelistirme — landing page degil, tarayicidan calisan gercek bir urun. Authentication, role-based access, real-time, file upload, payments — hepsi standart paketin parçası.

SaaS, kurumsal dashboard, B2B portal, internal tooling — hangi turde olursa olsun, web uygulamanin uzun vadeli bakim maliyetini dusuren bir mimari ile teslim ediyoruz.

Web uygulama projesi baslat Tum hizmetler

Web uygulama tesliminde standart

Authentication (OAuth, SSO, magic link)
Role-based access control (RBAC)
Real-time (WebSocket, SSE) kapasite hazir
File upload + S3 / cloud storage
Payment (Stripe, Iyzico) ve invoice altyapisi

01.

Web uygulama vs. web sitesi farki

Web sitesi pazarlama amacli, kullanicinin sadece tukettigi bir varlik. Web uygulama ise kullanicinin etkilesime gectigi, veri yarattigi, surec yurutugu bir urun. Bu fark teknik secimleri belirler: web uygulama icin SPA / SSR / hybrid mimari, kompleks state management, role-based access, real-time, file upload.

Bu ayrim cogu zaman netlestirilmeden teklif verilir; sonuc 'siteye benziyor ama uygulama gibi davraniyor' acemice projeler. Biz kesif gorusmesinde bu sorunu ilk soru olarak ele aliyoruz.

02.

Mimari secimi: SPA, SSR, hybrid

Modern web uygulamalari icin Next.js (SSR + RSC + Client Components) en saglikli mimari. SPA (single-page) gibi hizli ekran gecisleri ile SSR (server-side render) gibi SEO-uyumlu ilk yukleme dengeli. Cogu urun icin bu yeterli.

Cok ozel real-time gerekti durumlarda WebSocket-tabanli ayri bir socket server ekliyoruz; geri kalan tum HTTP isi Next.js Route Handlers veya tRPC uzerinden gidiyor.

03.

Auth, RBAC ve multi-tenancy

Web uygulamada en sik yanlis yapilan kisim auth + permission. Cogu projede 'admin yapsa yapsa hersey, user'a engel koyariz' tarzi sade kod yapilir; sonra rol cesitliligi geldiginde tum auth sistemi yenilenmek zorunda kalir. Biz baslangictan RBAC yapisi kuruyoruz.

Multi-tenant yapilarda her tenant'in verisini tam izoleleyen mimari onemli. Postgres row-level security (RLS) veya Prisma middleware ile bu kontrol baslangictan saglaniyor.

04.

Performans ve UX detaylari

Web uygulamalari, kullanicinin gunde 8 saat kullandigi seyler. 1 saniyelik gecikme bile gun sonu yorgunluk farkidir. Optimistic UI, skeleton loaders, pre-fetching, intelligent caching — bunlar 'guzel olmasi guzel' degil, urun kalitesinin temeli.

Lighthouse Performance >=90, Core Web Vitals tum yesil. Gercek cihaz testleri ile (3G, dusuk-end mobile) performans dogrulanmadan canliya cikilmaz.

Sikca sorulan sorular

Web uygulama gelistirme suresi ne kadar?

Basit dashboard 4-6 hafta, orta olcekli SaaS 8-12 hafta, kurumsal multi-tenant platform 3-6 ay. Sabit kapsamli teklif kesif sonrasi yazili olarak paylasiliyor.

Hangi teknolojiyi kullaniyorsunuz?

Frontend: Next.js + React + TypeScript + Tailwind CSS. Backend: Node.js + Postgres + Prisma. Auth: Auth.js, Clerk veya custom. Real-time: WebSocket veya SSE. Karari proje gereksinime gore veriyoruz.

Mobil app ile web uygulamayi paralel yapabilir miyim?

Evet, hatta cogu durumda en saglikli yol. Backend'i tek seferde kurup, hem web hem mobil icin paylastiriyor; sonra her iki kanali ayri timeline'larda gelistiriyoruz.