View Categories

FRONTEND מבנה קבצים

< 1 min read

הפרונט בנוי בפריימוורק NUXT https://nuxt.com/

נכון לכתיבת מאמר זה אני משתמש בגרסה 3.12.3

הסבר על תיקיות

  • COMPONENTS יש לנו את כל הקומפוננטות שאני משתמש בדפים שונים.
  • ASSETS יש לנו תיקיה עם פונטים ותיקיה עם SASS גלובלי.
  • COMPOSABLE עושה auto-import של VUE קומפוננטים כמו לדוגמה משיכה נתונים מ-API. יהיה הסבר בהמשך.
  • LAYOUTS בעצם תבנים לאצגה של מבנה עמוד שאפשר לנהל בעזרת ROUTE.
  • MIDDLEWARE פה אפשר ליצור לוגיקה לפני שROUTE מסיים לעבוד.
  • PAGES פה נמצאים עמודים עצמם של האתר.
  • PLUGINS מאפשר ליצור םלאגינים גלובלים לכל פרוייקט.
  • PUBLIC פה נמצאים תמונות וכל מה שרוצים שיהיה גלוי באתר.
  • SERVER פה נמצא את כל ה-API שמתקשר עם ה-BACKEND למשיכת נתונים.

nuxt.config.ts קובץ הגדרות של אפליקציה.
formkit.config.ts קובץ הגדרות של פלאגיון טפסים.

app.vue פה מתחילה האפליקציה.