✏️ Ücretsiz Blog/Portföy Websitesi [Ücretsiz

[lalezar]

• 
  
• Me
  https://github.com/benfiratkaya/next-portfolio
  
  Özellikler:
  • Blog Yazıları
  • Projeler
  • Hakkımda
  • İletişim (SMTP destekli)
  • Sanity CMS ile içerik yönetimi. /studio'dan bütün içeriklerinizi (blog, proje vb.) yönetebilirsiniz.
  • TailwindUI componentleri kullanılarak oluşturulmuş tasarım.
  • Çoklu dil desteği.
  • Tamamen duyarlı.
  • Aşırı derecede hızlı.
  Kurulum:
  1. GitHub'dan repoyu indirin.
  2. Proje klasörüne gidin.
  3. Sanity.io kayıt olun ve bir proje oluşturun.
  4. .env.example dosyasını .env.local olarak değiştirin. Gerekli ayarlarınızı yapın. Sanity.io projenize ait proje id'sini girmeyi unutmayın!
  5. npm install komutu ile gerekli paketleri kurun.
  6. npm run build komutu ile build alın
  7. npm run start ile sunucunuzu ayağa kaldırın.
  8. Admin panele /studio'dan ulaşabilirsin.
  Ücretsiz nasıl hostlarım?
  Sanity.io ile içeriklerinizi ücretsiz yönetebilir, vercel.com üzerinden de projenizi ücretsiz olarak hostlayabilirsiniz. Sıfır masraf ile sitenizi yayınlayabilirsiniz.
  
  Kullanılan teknolojiler:
  • Sonraki.js
  • TypeScript
  • Kuyruk Rüzgarı CSS
  • Sanity.io
  Neden bu kadar hızlı?
  Siteme ilk girdiğinizde inanılmaz derecede hızlı olduğunu farkedeceksiniz. Bunun nedeni içeriklerimizi statik olarak önceden build ediyoruz. Normal bir PHP uygulaması düşünün. Blog'a girince veritabanından yazıları çeker ve size gösterir. Sayfaya her girişte bu işlemi yapar. Veritabanı sorgusu vs gibi işlemler sayfı açılışını biraz yavaşlatır. Fakat bizim sistemimizde bu şekilde değil. Siteniz npm run build komutu ile build edilirken tüm dinamik içerikleriniz için html sayfaları oluşturulur. Ve aslında siteye girdiğinizde bir html sayfasını görüntülersiniz. Peki içerik güncellenince ne olacak? Burada sanity.io'nun webhooks sistemi devreye giriyor. Sanity'den bir içeriği güncellediğinizde webhook ile API'nize bir istek atılıyor ve ilgili sayfalar (sadece ilgili sayfalar tüm websitesi değil) tekrar render ediliyor.
  İnternet Sitesi : https://www.firatkaya.net

Click to read more...