Web Sitemi Nasıl Oluşturdum? | React, Next JS, Headless CMS

Her şey ilk heyecanla başladı, işim için harika bir web site kuracaktım.

Dijital dünyadaki kalem olacaktı bu site. Araştırdım, okudum ve herkesin işaret ettiği yere gittim: WordPress. Kolaydı, popülerdi ve milyonlarca kişi kullanıyordu.

Üstelik daha önce de kullanmıştım. Ne kadar kötü olabilirdi ki?

Hiçbir Zaman İyileşmeyen Hız ve Hayallerimdeki Tasarım

Hevesle sitemi kurdum. Eklentilerimi yükledim ve içeriğimi girmeye başladım. İlk başta her şey yolunda gibiydi.

Ama sonra gerçeklerle yüzleşmeye başladım. Sitem… yavaştı. Hem de çok yavaş.

Web site hızımı test ederken karşıma çıkan kırmızı renkli, iç karartıcı skorlar.

Bu şekilde devam edemezdi, reklam bütçem bu yüzden eriyordu.

Potansiyel müşterilerim sitemin yavaşlığından dolayı siteyi hızlıca terk ediyorlardı.

Önbellek eklentileri kurdum, resimleri optimize ettim, hatta daha pahalı bir sunucu paketine geçtim. Sonuç?

Ufak tefek iyileşmeler, ama asla hayalini kurduğum o “ışık hızındaki” deneyim değil.

İyi Skor, Düşük Hız

Sitemin hızını yükseltmesi için bir profesyonelle anlaştım, yükseltti de.

Fakat çok kısa süreli oldu, siteye yeni eklemeler yapınca tekrardan yavaşladı ve skorlar düştü.

Zaman zaman skorlar artsa da gerçeği de yansıtmıyordu.

Daha da kötüsü, sitemi kendime özgü hale getirememekti.

WordPress kalıbın içine sokuyordu. Çıkması da hayli zahmetliydi.

Ufak değişiklikler için saatlerimi harcıyordum.

Basit bir formdaki müşteri verisini kaydedip bildirim almak için kodların arasında kayboluyordum.

Profesyonel ve eşsiz olmak isterken, binlerce benzer siteden sadece biri olmuştum.

Ve bu süreçte şunu çok iyi anladım. Site hızı skoru önemli değil.

Önemli olan son kullanıcının neyi deneyimlediği.

Geliştirme Sorunu

Yapabildiğim her şey elementor eklentisinin çizdiği sınırlarla belirleniyordu.

Hayallerimdeki sayfaları yapmam beklediğimden çok daha uzun sürüyordu.

WordPress php ve mysql tabanlı olduğundan gelecekte ölçeklendirme açısından sıkıntılar yaşayabileceğim düşüncesi hep aklımın bir köşesindeydi.

Bir yazılım geliştirici olarak bunlarla yetinmiyordum tabii ki.

Sürekli özel kodlar eklememe imkan sağlayan eklentiler yardımı ile web sitemde özelleştirmeler yapıyordum.

Hatta 2023 yılının sonlarında bir yapay zeka aracı geliştirip web siteme entegre ettim.

Zamanına göre oldukça başarılıydı.

Fakat bunu geliştirmek rezalet bir deneyimdi.

Yazılım dünyasının en önemli teknolojilerinden versiyon kontrol sistemlerinden mahrum kalıyordum üstelik geliştirme ortamı çok kötüydü.

Yaptığım bir hata yüzünden sitenin en erken yedeğine döndürmem gerekiyordu.

Kaybedilen Müşteriler ve Bütçe

Bu durum sadece can sıkıcı bir teknik problem değildi; işime doğrudan zarar veriyordu. Üstelik yeni başlayan biri için bu son derece önemli.

Yavaş bir site ne anlama gelir biliyor musunuz?

• Sabırsız Müşteriler: Potansiyel bir müşteri sitenize tıklar ve açılmasını bekler.
  Üç saniye geçtiğinde çoktan “geri” tuşuna basmıştır.
  
• Google’ın Nefreti: Google, yavaş siteleri sevmez ve onları arama sonuçlarında gerilere atar.

Tüm bu karmaşaya ve yavaşlığa rağmen, WordPress’in bir yönünü çok seviyordum:
İçerik yönetimi. Blog yazmak, sayfaları güncellemek inanılmaz derecede kolaydı.

Zaten bunun için üretildi. WordPress bir içerik yönetim sistemi.

Daha fazlası değil.

Keşke bu yönetim kolaylığını koruyup, o korkunç geliştirme ortamı ve tasarım kısıtlamalarından kurtulumanın bir yolu olsa…

Yeni Bir Başlangıç: Kişisel Markamla Öne Çıkmak

Yanlış bir tercih ile web sitemi wordpress ile inşaa etmiştim.

Başlangıçtaki reklam bütçem hiçbir müşteri bulamadan bitmişti.

Reklam yönetimi zamanla iyileşen ve öğrenilen bir şeydir.

Bu nedenle ben de iyice web sitesinin nasıl olması gerektiğini öğrenmiş oldum.

Buna ek olarak ilk başladığımda kendi ismim ön planda değildi.

Bir ajans olarak değil de kişisel markamı oluşturmanın çok daha etkili olacağını fark ettim.

Hatta tüm bu derslerimi çıkarttıktan sonra üniversitemde Google öğrenci kulübü ile birlikte bir Google Dijital Reklamcılık eğitimi verdim.

Kendi adımla devam etmenin çok daha etkili olacağını düşündüğümden kendim için bir site inşaa etmek istedim.

Fakat asla aynı hataları yapmayacaktım.

En İyileri Birleştiren Hibrit Bir Yaklaşım

Ve sonra bir aydınlanma yaşadım. Sorun WordPress’in kendisi değil, onu kullanma şeklimdi.

Ya WordPress’i sadece en iyi olduğu iş için kullansaydım?

Yani yalnızca içeriklerimi yönetmem için bir araç olarak?

Bu fikirle yola çıkarak yepyeni bir sistem inşa ettim.

Adına “Başsız CMS (Headless CMS)” denilen bu yaklaşımda, iki dünyayı birleştirdim:

1. Arka Uç (Yönetim Paneli): WordPress’in Efsanevi Kolaylığı
   Arka planda, içeriklerimi yönetmek için hala o sevdiğim, kullanıcı dostu WordPress panelini kullanıyorum.
   
   Yeni bir hizmet eklemek veya bir blog yazısı yayınlamak hala çocuk oyuncağı.
   
   Bu blog yazısını da WordPress editöründen yazıyorum.
   
2. Ön Uç (Kullanıcıların Gördüğü Site): Modern Teknolojinin Gücü ve Hızı
   İşte olay burada başlıyor.
   
   Müşterilerimin gördüğü web sitesini, WordPress’ten tamamen bağımsız, sıfırdan en güncel teknolojilerle inşa ettim:
   • React ve Next.js: Bu teknolojiler sayesinde, sitenin arayüzü inanılmaz hızlı çalışıyor.
     
     Bu, son kullanıcı deneyimi için vazgeçilmez bir özellik.
     
   • Tailwind CSS: Tasarım kısıtlamalarına elveda!
     
     Bu teknoloji sayesinde, hayal edebileceğim her tasarımı, hiçbir kalıba bağlı kalmadan, tamamen bana özel bir şekilde hayata geçirebiliyorum.
     
     Artık sitem, markamın ruhunu birebir yansıtıyor.
     
   • Geliştirme Kolaylığı: Artık sitemdeki her şeye tam anlamı ile hükmediyorum.
     
     Versiyon kontrolü ile üretim sürecinin her noktasında profesyonel destek alabiliyorum.
     
     Çünkü geliştirme ortamım bunun için üretildi.
     

Sonuç?

• Işık Hızında Bir Web Sitesi: Kullanıcıları kaçırmayan, aksine etkileyen bir hız.
  
• %100 Özgün ve Profesyonel Bir İmaj: Beni rakiplerimden ayıran, tamamen bana özel bir tasarım.
  
• Kolay Yönetim: WordPress’in bildiğim ve sevdiğim içerik yönetim kolaylığı.
  
• Tam Kontrol: Web sitemin her detayına en basit tabiri ile hükmedebiliyorum.

Sonuç

İşte böyle. Kendi işimi tanıtmak için başladığım bu yol beni bu noktaya getirdi.

Sorunları kendim deneyimleyerek çözüm üretmeye odaklandım.

Ve sonuç olarak işim için, işiniz için için en iyi web çözümünü ürettim.

Bu hizmetimden faydalanmak isterseniz bir form uzağınızdayım.

Buraya tıklayarak detayları inceleyebilirsiniz.