İçeriğe geç

Kategori: Javascript

Nuxt 3’te Hata Yönetimi

Bu yazıda Nuxt 3 içinde hataları nasıl yakalayacağımızı ele alacağız. Projelerimizde çeşitli sebeplerle hatalar çıkabiliyor. Bu hatalar geliştirdiğimiz dil, platform, framework veya başka etkenler sebebiyle derleme zamanında, çalışma zamanında, server tarafta veya client tarafta birçok alt başlıklar altında bir hayli sayıda karşımıza çıkabiliyor. Bizim görevimiz hataları mümkün olduğunca erken tespit…

Yorum Bırak

Nuxt 3’e Bootstrap Son Sürümü Nasıl Entegre Edilir?

Bir önceki Nuxt yazımızda kendi özel rotalarımızı nasıl yazabileceğimizi görmüştük. Şimdi güncel Bootstrap sürümünü entegre etmeye çalışacağız. Öncelikle projeyi oluşturalım.

Ardından cd nuxt3-bootstrap ile proje dizinimize girelim ve aşağıdaki komutlarla gerekli bağımlılıklarımızı ekleyelim. Bu aşamada istediğiniz özel bir bootstrap sürümünü projeye dahil edebilirsiniz. Sadece ilgili sürümün jQuery barındırmayan yeni sürümlerden…

Yorum Bırak

Nuxt 3 İçinde Custom Route Kullanımı

Bildiğiniz gibi Nuxt 3 klasör yapısını rota olarak kullanıyor. pages/ klasöründeki dosyalara doğrudan rota olarak ulaşabiliyoruz. Örneğin pages/example.vue dosyamıza site.com/example adresinden doğrudan ulaşabiliriz. Bu yöntem her ne kadar büyük kolaylık sağlasa da ben kendi projelerimde rotaların benim kontrolümde olmasını tercih ederim. Temiz bir örnek olması için boş bir Nuxt 3 projesi…

Yorum Bırak

Nuxt.js Projesine Pusher Servisi Nasıl Eklenir?

Bu yazıda backend tarafı Laravel API ile geliştirilmiş bir projenin Nuxt.js ile geliştirilmiş frontend tarafında Pusher servisini nasıl kullanabileceğimizi göreceğiz. İşe başlamadan önce backend tarafındaki tüm işlemlerin eksiksiz tamamlandığını ve Pusher servisine şu anda bildirimlerin gittiğini varsayıyoruz. Nuxt.js bize Pusher ve Laravel Echo ile çalışmamız için hazır bir paket sunmakta.…

Yorum Bırak

Nuxt.js Projesinde Token Süresi Bitince Kullanıcı Giriş Sayfasına Nasıl Yönlendirilir?

Nuxt.js ile proje geliştirirken backend tarafını eğer bir API ile geliştirdiysek ve ona uygun şekilde nuxt.config.js içinde gerkeli değişikliği yaptıysak Axios ile otomatik yetkilendirilmiş request gönderebiliyoruz. Eğer yetkilendirme işleminin üstünden bir miktar zaman geçtiyse ve elimizdeki token’ın backend tarafındaki kullanım süresi dolduysa sunucu tarafından 401 Unauthorized cevabı döner. Bu durumda…

2 Yorum

Nuxt.js Projesine Mapbox Harita Servisi Nasıl Eklenir?

Bir projem için Google Maps dışında harita servisi araştırırken Mapbox’a denk geldim. Biraz inceleyince projem için uygun olduğunu görüp kullanmaya karar verdim. Benim projem Nuxt projesi olduğu için onun üzerinde kullanımı göstermeye çalışacağım. Gogole gibi Mapbox’da kendi servislerini kullanabilmemiz için kayıt olup API key almamızı istiyor. Bu linkten kayıt olup…

Yorum Bırak

Nuxt SSR Projesi Nasıl Yayınlanır?

Bu yazıda hızlıca bir Nuxt projesini nasıl yayınlayacağımızı göreceğiz. Son geliştirdiğim proje Nuxt SSR olduğu için SSR üzerinden örnek vereceğim. Genel bilgi edinmeniz için bu linki ziyaret etmenizde fayda var. Öncelikle sunucuya SSH ile erişmemiz gerekiyor. Bu yolla paylaşımlı sunuculardaki hosting’lere kurulum yapamazsınız. Ben Virtualmin paneli kurulu bir sunucuda birden…

2 Yorum