בנייתנו של אתר ההנדסה שלנו עם Astro 5
מבט מאחורי הקלעים על איך בנינו את אתר השיווק של Godfrey Engineering באמצעות Astro 5, אוספי תוכן, ו-Cloudflare Pages.
מדוע Astro?
כשהגיע הזמן לבנות את אתר השיווק של Godfrey Engineering, הערכנו כמה frameworks. Astro בולט בגלל הגישה שלה ממוקדת תוכן, פילוסופיית אפס JavaScript כברירת מחדל, והתמיכה בדרגה ראשונה בעבור אוספי תוכן עם סכימות בטוחות מסוג.
אוספי תוכן
אוספי התוכן של Astro 5 אפשרו לנו להגדיר סכימות קפדניות לרשומות הבלוג שלנו ולמקרי הלימוד באמצעות Zod. כל שדה מוודא בזמן בנייה, אם שדה frontmatter חסר או מעוות, הבנייה נכשלת עם הודעת שגיאה ברורה. לא עוד באגים שקטים מטעויות הקלדה ב-YAML.
const blogSchema = z.object({
title: z.string().min(1).max(100),
description: z.string().min(10).max(300),
publishDate: z.coerce.date(),
// ... more fields
});תמיכה ברמות שפות מרובות
עם 7 לוקליזציות לתמיכה, אנחנו מארגנים תוכן לפי ספרייה של לוקליזציה. לכל רשומה יש translationKey המקשר אותה לעמיתיה בשפות אחרות. מתג התרגום בכותרת מוצא באופן אוטומטי את הרשומה המתאימה.
מה הלאה
בהודעות הקרובות, נצלול למערכת ההנפשה GSAP שלנו, שילוב Three.js לסעיף הגיבור, וכיצד אנחנו מטפלים בהגשות טפסי קשר עם Cloudflare Workers ו-Resend.
הישאר מעודכן.