dev-dz27 / homepage Goto Github PK

Bu web sitesi Nextjs üzerine inşa edilmiştir. Her sayfa içeriği farklı platformlardan beslenerek güncelliğini korumaktdır. Performans konusu öncelikli olduğu için next'in statik sayfa üretme özelliği kullanılmıştır. Ziyaretçi sayfaya erişmek istediğinde, daha önceden statik olarak üretilmiş dosyaya kendisine en yakın bölgedeki CDN'den çeker ve görüntüler (powered by vercel).

1. .env.example dosyasının adını .env olarak değiştirin.

Burada beklenilen tüm değerleri karşılamak zorundasınız.

2. Bağımlılıkları yükleyin ve çalıştırın

yarn

yarn dev

3. Tarayıcınızdan http://localhost:3000'e girin

Fotoğraflar sayfası ile aynıdır.

Bu sayfanın içerikleri statik olarak eklenmiştir.

Youtube istatistiklerini okumak için Google API kullanır.

Bu sayfanın içerikleri Unsplash hesabımdan geliyor. Fotoğraf yayınlamak istediğimde Unsplash hesabımda paylaşmam yeterli oluyor.

Yazıları markdown olarak yazıyorum (yazılar /data klasörü içinde). Contentlayer ile API haline getirip kullanıyorum.

Bu sayfanın içerikleri Airtable hesabımdan geliyor.

İçerikler Raindrop hesabımdan geliyor.