Ücretsiz Blog/Portföy Websitesi [Ücretsiz Hostla!] [Aşırı Hızlı/Responsive/Harika

İNDİR

GitHub Repo:
Yıldızlarsanız çok sevinirim

Özellikler:
Blog
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 responsive.
Aşırı derecede hızlı.

Kurulum:
GitHub'dan repoyu indirin.
Proje klasörüne gidin.
Sanity.io kayıt olun ve bir proje oluşturun.
.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!
npm install komutu ile gerekli paketleri kurun.
npm run build komutu ile build alın
npm run start ile sunucunuzu ayağa kaldırın.
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:
Next.js
TypeScript
TailwindCSS
Sanity.io

Neden bu kadar hızlı?
Siteme ilk girdiğinizde inanılmaz derecede hızlı olduğunu farkedeceksiniz. Bunun nedeni içeriklerimizi static 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.

Paylaşım için teşekkürler.