Nuxt.js E-Ticaret Eğitimi | Dashboard
Nuxt
Orta seviye

Nuxt.js E-Ticaret Eğitimi | Dashboard

Bu serimizde E-ticaret kısmımızın dashboard bölümlerini izleyeceksiniz. SPA olarak yönetim panelimizi Nuxt' da yetkilendirme ile geliştireceğiz.

Nuxt
0% Tamamlandı
31 Ekim 2019 11 Ders Orta seviye
Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:06:56

Nuxt kurulumu ve projenin oluşturulması

Bu kısmımızda kısa bir şekilde nuxt' a giriş yaptık. VCS sistemimizi gösterdik. API kısmına paralel yetişmemiz için dashboard' umuzda ilerleyeceğiz. Eğlenceli bir seri bizi bekliyor.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:15:54

Nuxt.js | Vuetify.js login sayfası yapımı

Bu bölümümüzde Nuxt.js uygulamamıza Vuetify framework'ü entegre ettik ve ilk sayfamız olan login kısmını tamamladık. Layoutların basit şekilde nasıl kullanılabileceğini işledik.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:20:29

Nuxt.js | Vuetify.js auth module kullanımı

İşimizi çok kolaylaştıracak Nuxt.js Auth module kısmını inceledik ve projemize dahil ettik. Artık giriş-çıkış işlemlerini yapmak için önümüzde bir engel kalmadı. Auth modülünü Laravel' in Auth Scaffoldingi gibi düşünebilirsiniz.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:08:32

Nuxt.js | Vuetify.js CORS

API için gereken CORS ayarlarını yaptıktan sonra, giriş çıkış sistemimizi kontrol ettik. Başarılı bir şekilde Login olabiliyoruz.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:07:52

Nuxt.js | Vuetify.js proxy module kullanımı

Nuxt.js Proxy module kısmını inceledik ve projemize dahil ettik. Bu sayede CORS kısmını elimine edebildik, API mizi sakladık ve requestler options isteği atmadığı için bir nebze hızlandı.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:11:40

Nuxt.js | Vuetify.js dotenv module kullanımı

Laravel' e benzetmeye çalıştığımız Nuxt app imiz için değişkenlerimizi tek bir yerden yönetebilmemizi sağlayan dotenv modülünü işledik. Temiz bir yapı için gereken modüllerle devam edeceğiz.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:12:22

Nuxt.js | Vuetify.js hedef hakkında söyleşi

Bu kısımda biraz nefes alarak, neden nasıl sorularını tartıştık, ara ara bu konuşmaları yaparak monotonluktan kurtulacağız. Amacımız iyi bir uygulama ise geriye yönelik ne yaptığımızı da eleştirmemiz gereklidir.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:12:33

Nuxt.js | Vuetify.js axios interceptors

Axios ile bizim için önemli olan error handling için adım atmış olduk. Hatalarımızın hepsini bir merkezde Vuex' de nasıl toplayacağız hakkında fikir sahibi olduk. Axios interceptors bir nevi middleware gibi düşünebilirsiniz, request öncesi veya sonrası isteği kesebilir, bunun dışında aynı şekilde response' u manipule edebilirsiniz.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:10:34

Nuxt.js | Vuetify.js vuex tanıtım

Aktif kodlamaya geçmeden önce konuşacağımız son kısım olan mutations, actions ve getters üzerinde konuştuk. Namespace mantığı ile vuex storelarımızı yönetmemiz gerekmektedir.

Laravel, bootstrap, vue.js, unity ve daha bir çok online eğitim- phpuzem.com
İzlendi
Nuxt İzleme Süresi 00:10:07

Nuxt.js | Vuetify.js Laravel API 422 Error Handling

Bu eğitimimizde Laravel' den gelen 422 validation hatalarımızı tek bir yerde handle ederek vuetify componentimize uyguladık. Böylece karmaşık handling yerine tek bir yerden API hata mesajlarını handle edebileceğiz.

Geliştiricinin Seçim Kanalı

Derslere Gözat Tartışma Forumu