Yillardir e-mail icin tasarimlar yapmak her gelistirici icin biraz yorucu olmustur, bu yuzden daha basit ve sade arayuzlerle cok ugrasilmadan gecistirilmistir. Ancak 2024 yilinda artik buna bir dur demeli ve e-mail tasarimlarini nasil daha efektik bir sekilde yapabilecegimizi ogrenmeliyiz. Bu noktada react-email tam olarak bunu hedefliyor, modern olarak e-mail tasarimlari olusturmaniza, tailwind'i kullanarak gorsellestirmenize ve geri kalan seyleri arkaplanda kendi hallederek sizi dertsiz tasasiz bir gelistirme ortamina sokuyor. Bu video'da buna bir ornek yaparak bu sistemin nasil calistigini inceliyor olacagiz. Iyi seyirler Derste anlattigim paketin sitesi: react.email/ Ayrica, mail gondermek icin developer'larin en iyi tercihi resend.com/ olabilir :) Bir sonraki dersime gozatmayi unutmayin! ua-cam.com/video/qNkaHPG37F8/v-deo.html
Hocam react videolarına devam edersen çok sevinirim. Hatta arada bir saf javascript ile de proje yapabilirsin. Gerçekten çok keyifli anlatıyorsun. İzlerken en keyif aldığım youtube kanallarının başında geliyorsun ☺
T ekrardan hosgeldin abi, cok gecmis olsun, ozlettin kendini... A ma saglik daha onemli tabii 😇 Y eni derslerin icin sabirsizlaniyorum ozellikle back-end tarafinda F arkinda olmasakta normal icerik attigin zamanda ozlemisiz be mubarek bildirimlerini almaya 🤩 U zun bir zamandan sonra sen olmayinca bi bosluga dustum resmen 😮💨 N ice derslere insâAllah... Sevgiler, saygilar...
Şu ana kadar bana gelen commercial veya herhangi bir hesap kurtarma mailinin güzel olduğunu görmedim. Gerçekten şirketlerin hiç uğraşmadığı bir konu galiba. Koskoca cloudflare bile lowercase email atıyor şifre sıfırlama için sadece link bırak fazla zahmet olmuş :D. Bu arada video güzel olmuş tayfun bey
Hocam gözümüz yollarda kaldı 😅 Prototürkü birlikte kodluyoruz serisini izlediğim halde oturup baştan izledim, o seriye devam ettiğinizi görmek istiyorum 😅
evet ya, onu daha akilli yonetebilirmis, o yuzden flex yerine ileri dakikalarda text-center kullandik, kendince iyi cozumleri var onlar denenebilir, display'i inline yapip alayini center'layabiliyoruz sonucta :D mail'i gonderiyorum derste, orada flex'in ise yaramadigini goruyoruz zaten
11 місяців тому
@@PROTOTURKCOM Video sirasinda yorum yazmistim haha. Hatta font-mono degil font-sans da yazmistim neyse ki ki duzeltme hemen geldi o kisimda
11 місяців тому
@@PROTOTURKCOM Flex konusuna tekrar gelirsek, bircok mail olusturdum; bazilari hardcoded html, bazilari MJML, bir iki de boyle tool denemistim. Browser-compatibility, preview accuracy vs dusununce sanirim ideal olan hala MJML. Umarim daha iyileri de gelir. (JSX-mail diye bir sey de varmis, React-email forku ona da bakacagim)
Mesleğime ilk başladığım zamanlarda email şablonlarını koda dökmek için table cehenneminde kayboluyordum, keşke o zamanlarda da böyle bir şey olsaydı :))
Tayfun hocam tam da bu konuda zorlanıyordum fakat react ile çalışmıyorum html ve css ile çalışıyorum şu sıralar çalıştığım yer mail tasarımı istiyor fakat hala anlamış değilim. bu konuda da bir html ile ilgili bir video gelir mi acaba? tüm email servislerinde farklılık olabiliyormuş bunlarıda değinirseniz çok sevinirim ya. şimdiden teşekkürler
bence buna bir sans ver, buradaki component'ler iki elin parmagini gecmez, video'da bir tane tasarliyoruz, benzerlerini tasarlamak kuvvetle muhtemelen, hic zorlanmazsin diye dusunuyorum
@@PROTOTURKCOM react hakkında çok bilgim olmadığı için hocam react ile çalışmıyorum dedim aslında ve çalıştığım yer biraz küçük bir firma bu yüzden tüm sistemleri html ve css üzeri kurulu
11 місяців тому
@@astrotmc7001 MJML deneyebilirsin, table yazmaya kalkinca isin icinden cikilmiyor.
Hocam merhaba paketleri yükledim "npm run dev" yaptıktan sonra aşağıdaki hatayı alıyorum. Dediği klasöre baktığımda import edilmiş bir şekilde var. Fakat hata hala devam ediyor. Araştırdım ama net bir çözüm bulamadım. Çözümü nedir? Teşekkürler. ../@floating-ui/react-dom/dist/floating-ui.react-dom.mjs Attempted import error: 'useLayoutEffect' is not exported from 'react' (imported as 'useLayoutEffect').
aynı hata bende de var. Client içerisine yükleyince bu hatayı alıyorum. dışarısına yüklediğimde hatayı almıyorum. muhtemelen package.json'ların çakışmasından ötürü oluyor ama bir türlü çözemedim. Sen çözebildin mi ?
Yillardir e-mail icin tasarimlar yapmak her gelistirici icin biraz yorucu olmustur, bu yuzden daha basit ve sade arayuzlerle cok ugrasilmadan gecistirilmistir. Ancak 2024 yilinda artik buna bir dur demeli ve e-mail tasarimlarini nasil daha efektik bir sekilde yapabilecegimizi ogrenmeliyiz.
Bu noktada react-email tam olarak bunu hedefliyor, modern olarak e-mail tasarimlari olusturmaniza, tailwind'i kullanarak gorsellestirmenize ve geri kalan seyleri arkaplanda kendi hallederek sizi dertsiz tasasiz bir gelistirme ortamina sokuyor.
Bu video'da buna bir ornek yaparak bu sistemin nasil calistigini inceliyor olacagiz. Iyi seyirler
Derste anlattigim paketin sitesi:
react.email/
Ayrica, mail gondermek icin developer'larin en iyi tercihi resend.com/ olabilir :)
Bir sonraki dersime gozatmayi unutmayin!
ua-cam.com/video/qNkaHPG37F8/v-deo.html
P
Hocam react videolarına devam edersen çok sevinirim. Hatta arada bir saf javascript ile de proje yapabilirsin. Gerçekten çok keyifli anlatıyorsun. İzlerken en keyif aldığım youtube kanallarının başında geliyorsun ☺
Süpersin abi, muhteşem keyifli bir video.
T ekrardan hosgeldin abi, cok gecmis olsun, ozlettin kendini...
A ma saglik daha onemli tabii 😇
Y eni derslerin icin sabirsizlaniyorum ozellikle back-end tarafinda
F arkinda olmasakta normal icerik attigin zamanda ozlemisiz be mubarek bildirimlerini almaya 🤩
U zun bir zamandan sonra sen olmayinca bi bosluga dustum resmen 😮💨
N ice derslere insâAllah...
Sevgiler, saygilar...
Teşekkürler.
tesekkurler destegin icin
Şu ana kadar bana gelen commercial veya herhangi bir hesap kurtarma mailinin güzel olduğunu görmedim. Gerçekten şirketlerin hiç uğraşmadığı bir konu galiba. Koskoca cloudflare bile lowercase email atıyor şifre sıfırlama için sadece link bırak fazla zahmet olmuş :D. Bu arada video güzel olmuş tayfun bey
Bütün gün vue ile email template hazırlamaya calıstıktan sonra videoyu gormem garip oldu :d agzınıza saglık hocam
Hocam gözümüz yollarda kaldı 😅
Prototürkü birlikte kodluyoruz serisini izlediğim halde oturup baştan izledim, o seriye devam ettiğinizi görmek istiyorum 😅
gönlümüzün efendisi geri dönmüş hoş geldiniz hocam yeniden neredeydiniz çok özletiniz..
Özlemiştik hocam 🎉
Hocam çok iyi bir video olmuş teşekkürler 😊
Üstad hiç yaşlanmıyorsun 41 kere maşallah ❤
Yine cok güzel bi video olmus hocam elinize sağlık
Hocam ellerine beynine sağlık teşekkürler
Gözümüz yolda kaldı aramasak hiç geleceğiniz yok hocamm 😃 sevgiler ❤
Üye olarak izlediğim ilk video hadi hayırlı olsun 🎉
Çok teşekkürler emeklerine sağlık müsait oldugun bir ara react için excel Çıktısı almayı ve excelden liste yüklemeyi anlatabilir misiniz
SSR vb konularinda videolar gelicek mi? (Vite ile olursa çok sevinirim :) )
Hocam Next.js için bir planınız var mı❓
14:50 Build sonucunda da flex iceren class mi uretiyor acaba?
evet ya, onu daha akilli yonetebilirmis, o yuzden flex yerine ileri dakikalarda text-center kullandik, kendince iyi cozumleri var onlar denenebilir, display'i inline yapip alayini center'layabiliyoruz sonucta :D mail'i gonderiyorum derste, orada flex'in ise yaramadigini goruyoruz zaten
@@PROTOTURKCOM Video sirasinda yorum yazmistim haha. Hatta font-mono degil font-sans da yazmistim neyse ki ki duzeltme hemen geldi o kisimda
@@PROTOTURKCOM Flex konusuna tekrar gelirsek, bircok mail olusturdum; bazilari hardcoded html, bazilari MJML, bir iki de boyle tool denemistim. Browser-compatibility, preview accuracy vs dusununce sanirim ideal olan hala MJML.
Umarim daha iyileri de gelir.
(JSX-mail diye bir sey de varmis, React-email forku ona da bakacagim)
Eline sağlık. Jquery 4.0 beta geliyormuş. İçerik olarak ilgilini çekebilir, inceleyebilirsin diye düşündüm.
Ellerine emeğine sağlık.
Mesleğime ilk başladığım zamanlarda email şablonlarını koda dökmek için table cehenneminde kayboluyordum, keşke o zamanlarda da böyle bir şey olsaydı :))
Daha çok video at be senden dinleyince ayrı bi anlıyom
Teşekkürler Hocam
Hocam özlettiniz
Guzel bir video.
Mailleri gosterirken bi blur atardim ben ne olur ne olmaz diye :) Dyson incelemesi gelmeden tamire gitmis gorunuyor.
gizlimiz saklimiz yok ya, cok kritik mail olsaydi blurlardim :D
Hocam nextjs dersleri gelse guzel olur.
Paketin geliştiricisi resend miş. Sağ üstte github reposu var zatev 😊
abi türkiyenin en iyisi olmak nasıl bir duygu?
kamera olarak ne kullaniyorsun ? telefondanmi cekim yapiyorsun ?
Tayfun hocam tam da bu konuda zorlanıyordum fakat react ile çalışmıyorum html ve css ile çalışıyorum şu sıralar çalıştığım yer mail tasarımı istiyor fakat hala anlamış değilim. bu konuda da bir html ile ilgili bir video gelir mi acaba? tüm email servislerinde farklılık olabiliyormuş bunlarıda değinirseniz çok sevinirim ya. şimdiden teşekkürler
bence buna bir sans ver, buradaki component'ler iki elin parmagini gecmez, video'da bir tane tasarliyoruz, benzerlerini tasarlamak kuvvetle muhtemelen, hic zorlanmazsin diye dusunuyorum
@@PROTOTURKCOM react hakkında çok bilgim olmadığı için hocam react ile çalışmıyorum dedim aslında ve çalıştığım yer biraz küçük bir firma bu yüzden tüm sistemleri html ve css üzeri kurulu
@@astrotmc7001 MJML deneyebilirsin, table yazmaya kalkinca isin icinden cikilmiyor.
border-t-[#000] olunca çalışması gerekiyordu hocam. teşekkürler.
herkese merhaba arkadaşlar
Gececi Tayfaya Özel😅
border kendine gel adamı hasta etme !!!
şu paketin eli kolu bacağı olsada öpsem
🤘🏻
DKIM den dolayı spam'a düşmüştür
Hocam merhaba paketleri yükledim "npm run dev" yaptıktan sonra aşağıdaki hatayı alıyorum. Dediği klasöre baktığımda import edilmiş bir şekilde var. Fakat hata hala devam ediyor. Araştırdım ama net bir çözüm bulamadım. Çözümü nedir? Teşekkürler.
../@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
Attempted import error: 'useLayoutEffect' is not exported from 'react' (imported as 'useLayoutEffect').
aynı hata bende de var. Client içerisine yükleyince bu hatayı alıyorum. dışarısına yüklediğimde hatayı almıyorum. muhtemelen package.json'ların çakışmasından ötürü oluyor ama bir türlü çözemedim. Sen çözebildin mi ?
Hocam şu müşteri almayı, para kazanmayı falan öğretsen daha süper olur sanki xD
Öğretilecek bir şey olsaydı keşke :)
React'i sıfırdan yazdım fakat hala bir iş bulamadım 5 senedir. Neyse, teşekkür ettim yinede
Abi kanalın şifreyi bulmuşsun 😅