Next.js ve TypeScript ile döviz kurları
Kurları Next.js Server Component içinde alın, API anahtarını istemciden uzak tutun ve gözlem zamanını kaybetmeden yanıtı önbelleğe alın.
exchangerate.dev çağrısını Server Component veya Route Handler içinde yapın. Next.js isteği 60 saniyede bir yeniler; source, market_session ve data_updated_at önbellekteki kurun neyi temsil ettiğini açıklar.
EXCHANGERATE_API_KEY yalnızca sunucuda kalsın; NEXT_PUBLIC_ kullanmayın.next: { revalidate: 60 } ile yinelenen çağrıları azaltın.data_updated_at gösterin.Sunucu tarafından alın
Server Component tarayıcı dışında çalışır ve özel ortam değişkenini okuyabilir. Örnek USD karşısında EUR ve GBP ister, HTTP durumunu denetler ve tipli JSON döndürür.
İsteği önbelleğe alın, gözlem zamanını koruyun
next: { revalidate: 60 } önbelleği 60 saniyeyle sınırlar. Günlük referans kurunu gün içi kura dönüştürmez; source, market_session ve data_updated_at alanlarını koruyun.
NEXT_PUBLIC_ değişkenleri tarayıcı paketine girebilir. EXCHANGERATE_API_KEY yalnızca sunucuda okunmalıdır.Gösterim para birimiyle mutabakatı ayırın
Mağaza yaklaşık yerel fiyat gösterebilir. Nihai tahsilat; ücret, spread ve zamanlamayı bilen ödeme sağlayıcısından gelmelidir.
- Anahtarı sunucuda tutun.
- Yalnızca başarılı yanıtları önbelleğe alın.
- Kaynak ve gözlem zamanını gösterin.
- Asıl fiyatı mutabakat kaynağı olarak koruyun.