בלוג

ניווט חלק ומהיר ב-Next.js: מסע קסום עם Link

מסע בארץ התיכונה של Next.js מגלה איך ניווט נכון משדרג את חוויית המשתמש בעזרת קומפוננטת Link, טעינה מוקדמת מאחורי הקלעים ויתרונות אדירים על פני SPA רגיל. מדריך עם חיוך. 😎

האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0

האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0

בפוסט הזה נדבר על יתרונות וחסרונות של שימוש בספריות UI ב-React. האם באמת כדאי לקחת את הדרך הקלה עם ספריות מוכנות או להשקיע בכתיבת כל דבר מאפס? גיא חולק את הדעות שלו על ספריות UI, RTL, והתמודדות עם אתגרים בעיצוב אתרים.

איך להוסיף גלילה חלקה ב-CSS

כיצד להוסיף גלילה חלקה לדף באמצעות CSS בצורה פשוטה ומהירה. הפתרון הקל ביותר לגרום לגלילה להרגיש נינוחה בלי קפיצות מטרידות. כל מה שצריך זה סגנון CSS קטן.

למה לבחור ב-Nest.js? המדריך לגיבורים (או איך להימנע מטעויות בתכנות צד שרת)

Full Stack>>באק אנד

למה לבחור ב-Nest.js? המדריך לגיבורים (או איך להימנע מטעויות בתכנות צד שרת)

אם אתם מחפשים פריימוורק מודולרי ומסודר לפיתוח צד שרת, Nest.js הוא התשובה! עם ארכיטקטורה שמזכירה את Angular, תמיכה ב-TypeScript, ושילוב קל עם Mongoose, זהו פתרון אידיאלי למי שמגיע מעולמות ה-OOP. אבל אם אתם פונקציונליים מדי או עובדים על פרויקט קטן, אולי תרצו לחשוב שוב.

איך להוסיף Dark Mode ב-React עם Tailwind CSS ו-Zustand תוך 20 שניות

איך להוסיף Dark Mode ב-React עם Tailwind CSS ו-Zustand תוך 20 שניות

במדריך הזה תוכל ללמוד איך להוסיף Dark Mode בצורה פשוטה ויעילה לפרויקט React שלך, תוך שימוש ב-Tailwind CSS, ShadCN ו-Zustand. תוכל לשנות בין מצבים בעזרת קומפוננטות מוכנות והגדרות CSS מוכנות מראש. קוד קל, חיסכון בזמן, ויכולת עיצוב מלאה!

ניהול תמונות ופונטים נכון ב-Next.js – שדרוג מהירות האתר וחוויית המשתמש

ניהול תמונות ופונטים נכון ב-Next.js – שדרוג מהירות האתר וחוויית המשתמש

פוסט קליל ומדויק על איך להתמודד נכון עם טעינת תמונות ופונטים ב-Next.js כדי למנוע קפיצות Layout, לשפר את מהירות האתר ולשמור על חווית משתמש איכותית. מבוסס על הדוקומנטציה המעולה של Next.js.

עלילות גיא ב-Nextland: מדריך קליל לקומפוננטת Image ב-Next.js

עלילות גיא ב-Nextland: מדריך קליל לקומפוננטת Image ב-Next.js

הצצה זריזה ומשעשעת לפיצ'רים הכי חשובים של קומפוננטת Image ב-Next.js – איך לשפר טעינה, למנוע קפיצות מעצבנות, להקטין נפחים, ולקבל אתר מהיר ומרוצה.

גיא והמטאדאטה ב-Next.js: המדריך הקליל לשדרוג ה-SEO שלך

גיא והמטאדאטה ב-Next.js: המדריך הקליל לשדרוג ה-SEO שלך

מדריך עברי ושמח על איך להוסיף Metadata לאתר ב-Next.js: לשפר כותרות, תיאורים, פאביקונים ועוד - כדי להפוך את האתר שלכם לאלוף ה-SEO וחלום החופים הקריביים.

Full Stack>>תכנות Full Stack

גיא מכור לבינה מלאכותית (אבל מי לא?)

בפוסט הזה, גיא משתף את החוויות שלו משימוש ב-Next.js 15 בשילוב עם Hugging Face API. הוא מדבר על יצירת תמונות בעזרת Form חדש, שיחות עם AI שהפכו למורכבות (וקצת משעשעות), וגם חושף את המאבק הקבוע בבאגים. ומי ידע שאינטגרציה של טכנולוגיות חדשות יכולה להיות כל כך ממכרת?

שלדונון ב-Next.js: טעינה חכמה וחוויית משתמש חלקה

שלדונון ב-Next.js: טעינה חכמה וחוויית משתמש חלקה

כאשר יש מידע איטי, לא משאירים את המשתמש לבד מול דף קפוא! בואו נלמד איך להשתמש ב־Loading.tsx, סטרימינג חכם ו-Suspense כדי לייצר חווית טעינה חלקה ואלגנטית ב-Next.js.

עיצוב דמוי זכוכית (Glassmorphism) — סגנון שבא לשדרג את האתר שלך!

עיצוב דמוי זכוכית (Glassmorphism) — סגנון שבא לשדרג את האתר שלך!

לפעמים עיצוב נקי זה כל מה שצריך כדי לגרום לאתר להיראות מיליון דולר. הצטרפו אליי להיכרות קצרה עם אפקט הזכוכית — רקע חצי שקוף, טשטוש עדין וקו אלגנטי — וקבלו קוד לדוגמה להתחלה קלה ומהירה.

קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם

Full Stack>>REACT

קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם

קומפוננטת Copy ל-Clipboard שמעתיקה ערך ונותנת פידבק חכם עם אייקון משתנה — פשוטה, מהירה ומותאמת לפרונטנדים שרוצים להרים UX טוב בלי כאב ראש.

סינוני אינטרנט חוסמים חיבור ל-DB בענן? כדאי שתדעו את זה! ☁️

Full Stack>>באק אנד

סינוני אינטרנט חוסמים חיבור ל-DB בענן? כדאי שתדעו את זה! ☁️

תופעה מתסכלת: חיבור לשירותי מסדי נתונים בענן נחסם בגלל סינוני אינטרנט מקומיים. גיא משתף מהניסיון שלו איך לזהות את הבעיה ולחסוך שעות של תסכול.

איך יוצרים אפקט נאון לטקסט ב-CSS?

בפוסט הזה נצלול ליצירת אפקט נאון זוהר לטקסט בעזרת CSS בלבד! משחקים עם text-shadow, טיפה opacity, הרבה קסם, וקורטוב של חוסר בגרות.

איך להפוך טקסט לכתיבה אנכית ב-CSS בשורה אחת

איך להפוך טקסט לכתיבה אנכית ב-CSS בשורה אחת

הפוך טקסט רגיל לכתוב בצורה אנכית ב-CSS בעזרת writing-mode: vertical-rl;. טכניקת עיצוב פשוטה ויעילה שיכולה להוסיף סגנון מעניין לדפים שלכם!

למה גיא מבסוט על Server Actions החדשים של Next.js 15 ו-React 19?

25 באפריל 2025

למה גיא מבסוט על Server Actions החדשים של Next.js 15 ו-React 19?

Server Actions (או בשמם החדש Server Functions) הם אחד הפיצ'רים הכי מרעננים ב-Next.js 15 ו-React 19. במקום Fetch, Axios, וטפסים בלבד – אפשר לקרוא לפונקציות שרת ישירות מהקליינט! גיא מתלהב, ובצדק.

ShadCN - היתרונות, החסרונות והאתגרים אחרי 3 חודשים של שימוש

25 באפריל 2025

ShadCN - היתרונות, החסרונות והאתגרים אחרי 3 חודשים של שימוש

היתרונות של ShadCN בולטים ביכולת ליצור קומפוננטות מוכנות ומעוצבות בצורה מעולה במהירות. יחד עם זאת, יש גם חסרונות שמגיעים עם תלות ב-Tailwind ו-Radix ועם ההתמודדות עם NEXT 15.

24 באפריל 2025

טיולים>>עולם

וויליגמה - Weligama

כל מה שצריך לדעת על וויליגמה: מדריך אישי הכולל מידע על לינה, שיעורי גלישה, חופים בסביבה, כסף, תחבורה מקומית ובית חב"ד. חוויות, טיפים ותובנות מהשטח.

17 באפריל 2025

טיולים>>עולם

קולומבו ואלה - סרי לנקה

מעבר מהודו לסרי לנקה - מסע אל חופים מושלמים, בית חב"ד חמימים, טבע טרופי, טיול ברכבת היפה בעולם. מדריך קליל, אישי ושנון ליעד הטרופי הקרוב.

גן לאומי בית שאן ומעיין חרוד - עמק המעיינות בחורף

23 בדצמבר 2024

טיולים>>ישראל

גן לאומי בית שאן ומעיין חרוד - עמק המעיינות בחורף

טיול חורף בבית שאן ועמק חרוד: גן לאומי מרהיב, מעיין שקט, טבע ירוק ובריכות שכשוך מושלמות לעצירה מרעננת.

6 בנובמבר 2024

איך עושים אנימציית "הקלדה" ב-CSS בלבד?

בפוסט הזה נלמד איך בונים אנימציית הקלדה ב-CSS בלבד! שימוש ב-steps() כדי לדמות כתיבה מדויקת, טיפים ליצירת קו מהבהב, וקריצה קטנה לכל מי שחושב ש-anime זה עדיין מגניב.

איך להשתמש ב-has() ב-CSS להחלת Dark Mode בצורה פשוטה

6 בנובמבר 2024

Full Stack>>תכנות Full Stack

איך להשתמש ב-has() ב-CSS להחלת Dark Mode בצורה פשוטה

בפוסט הזה נלמד איך להשתמש ב-has() ב-CSS להחלת dark mode על אתר, בעזרת משתני CSS. גלו איך לבצע את ה-toggle של dark mode בצורה פשוטה ויעילה בעזרת pseudo-class חדש שמהפך את העבודה עם עיצובים דינמיים.

Next.js ו-SQL — המסע הלא כל כך זוהר של גיא בחיבור בין עולמות

16 באוקטובר 2024

Next.js ו-SQL — המסע הלא כל כך זוהר של גיא בחיבור בין עולמות

איך זה מרגיש לחזור ל-SQL אחרי MongoDB המפנקת? בפרויקט אישי חדש, גיא מגלה את החספוס (והקסם) שבחיבור Next.js ל-SQL, עם תובנות על ORM, שגיאות מציקות וטיפים למפתחים שמחפשים גישה נכונה.

איך להצליל תמונות נכון: ההבדל בין box-shadow ל-drop-shadow

16 באוקטובר 2024