اپیزود ۴: ارتقا و شخصی سازی Vite در لاراول ۱۱؛ افزایش سرعت توسعه با Inertia.js

در این اپیزود از دوره جامع آموزش فول استک لاراول، با دنیای Vite ⚡️ در لاراول ۱۱ بیشتر آشنا می‌شویم و با بهینه سازی و سفارشی سازی Vite، سرعت توسعه پروژه های لاراول 11 خود را به طور چشمگیری افزایش خواهیم داد. در انتهای این اپیزود بخش فرانت شما چیزی شبیه به nuxt ۳ می‌شود و همه این کارها را با قدرت vite و پلاگین های vite انجام می‌دهید. همچنین در ابتدای اپیزود tailwind را نصب و پیگربندی می‌کنید. در ادامه به صورت گام به گام با مفاهیم کلیدی زیر آشنا می شوید: پلاگین های Vite: با نصب و پیکربندی پلاگین های قدرتمند Vite، قابلیت های آن را گسترش داده و به طور قابل توجهی بر سرعت و کارایی توسعه خود می‌افزایید. افزایش سرعت توسعه با unplugin-auto-import: با استفاده از این پلاگین شگفت انگیز، فرآیند import فایل ها، کامپوننت ها و API ها به طور خودکار انجام می شود و از صرف زمان و انرژی شما برای انجام این کارهای تکراری صرفه جویی می کند. import خودکار کامپوننت ها با unplugin-vue-components: دیگر نیازی به import دستی کامپوننت ها در فایل های Vue خود ندارید! unplugin-vue-components به طور خودکار کامپوننت های مورد نیاز شما را شناسایی و import می کند و به شما در ساخت رابط های کاربری سریعتر و کارآمدتر کمک می کند. معرفی Composition API و ساخت Resolver سفارشی: با استفاده از Composition API و نوشتن Resolver های سفارشی، سازماندهی و مدیریت منطق برنامه خود را به سطحی فراتر ارتقا دهید. معرفی Layout ها و defineOptions: با Layout ها، قالب های کلی و ساختاری برای برنامه خود ایجاد کنید و از تکرار کد در صفحات مختلف جلوگیری نمایید. پلاگین defineOptions نیز به شما کمک می کند تا Layout ها را به سادگی در کامپوننت های خود تعریف و مدیریت نمایید. ساختار دایرکتوری بهینه برای توسعه فول استک: با پیروی شما یک Starter Kit قدرتمند خواهید داشت. لینک های مفید: مخزن گیت هاب پروژه: https://github.com/unknownman/laravel-boilerplate-11/ شاخه مربوط به این اپیزود: https://github.com/unknownman/laravel-boilerplate-11/tree/04_Vite_Costumization مستندات رسمی Vite: https://vitejs.dev/guide/ مستندات رسمی Tailwind CSS: https://tailwindcss.com/