Next.js

ilackutusu.com – Sağlıklı Yaşam ve Güncel Bilgiler

Sağlıklı yaşam ve güncel konular alanında fark yaratmayı hedefleyen ilackutusu.com, portfolyomuzdaki en teknik ve yenilikçi projelerden biridir. Bu projede amacımız, geleneksel blog altyapılarının sınırlamalarını aşarak, okuyuculara olağanüstü hızlı, güvenli ve modern bir kullanıcı deneyimi sunmaktı. Projenin mimarisini, “Jamstack” felsefesine uygun olarak en modern araçlarla kurguladık. Ön yüzde (frontend) React tabanlı Next.js framework’ünü kullanarak, sitenin hem […]

Sağlıklı yaşam ve güncel konular alanında fark yaratmayı hedefleyen ilackutusu.com, portfolyomuzdaki en teknik ve yenilikçi projelerden biridir. Bu projede amacımız, geleneksel blog altyapılarının sınırlamalarını aşarak, okuyuculara olağanüstü hızlı, güvenli ve modern bir kullanıcı deneyimi sunmaktı.

Projenin mimarisini, “Jamstack” felsefesine uygun olarak en modern araçlarla kurguladık. Ön yüzde (frontend) React tabanlı Next.js framework’ünü kullanarak, sitenin hem sunucu taraflı (SSR) hem de statik olarak (SSG) oluşturulabilmesini sağladık. Bu tercih, ilackutusu.com‘a inanılmaz bir sayfa yükleme hızı ve arama motoru optimizasyonu (SEO) açısından ciddi bir üstünlük kazandırdı. Arka plan (backend) hizmetleri için ise esnek, ölçeklenebilir ve güçlü bir “Backend-as-a-Service” (BaaS) çözümü olan Supabase‘i kullandık. Tüm içerik yönetimi, veritabanı işlemleri ve potansiyel kullanıcı verileri Supabase’in güvenli altyapısı üzerinden yönetilmektedir.

Tasarım katmanında, Bootstrap‘in güçlü ve esnek grid sistemini temel aldık. Bu temel üzerine, sitenin kimliğine uygun, temiz, ferah ve okunabilirliği en üst düzeye çıkaran yoğun özel CSS stil katmanları ekledik. Kullanıcı etkileşimlerini zenginleştirmek ve dinamik bir his yaratmak için saf JavaScript (Vanilla JS) ve React bileşenlerini bir arada kullandık. ilackutusu.com, yüksek performansı güçlü bir arka planla birleştiren ve bunu modern bir tasarımla sunan, teknik yeterliliğimizi sergileyen kapsamlı bir çalışmadır.

Teknoloji Stack

bootstrap css JavaScript