تفاوت Layout و Template در next js 14
سلام
ببخشید فرق Layout و Template در next js 14 چیه؟من چند جا رو گشتم گفته بودن که template از نو ساخته میشه . منظورشونو نفهمیدم . یعنی layout بدون رفرش صفحه همونجوری باقی میمونه ولی برای template باید صفحه رفرش شه؟یعنی layout برای CSR هست و Template برای SSR?
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
یکی از تفاوت هایی که من پیدا کردم این هست که شما اگر توی layout از یه input یه متغییر رو در یه state دخیره کنی و در صفحه های دیگه ای که به اون layout مربوط میشن جابجا بشی متغییری که داخل state ذخیره کردی باقی میمونن و حذف نمیشن
مثلا داخل فولد (auth) سه تا فولدر وجود داره و یه layout.tsx و اون سه تا فولدر ها هم داری page.tsx هستن شما یه اینپوت داخل layout میسازی و مقدارش رو در یه state که اونم در layout هست ذخیره میکنی وقتی توی یکی از صفحات داخل (auth) یه متغییر داخل input مینویسی و اونم داخل state ذخیره میشه اگر توی اون سه تا صفحه ی داخل auth جابجا بشی اون متغییر داخل state باقی می مونه و حذف نمیشه ولی توی temlate متغییر داخل State نمی مونه
از Layout برای ایجاد ساختارهای ثابت و مشترک بین صفحات مثل فوتر و هدر و استفاده میشه و از Template زمانی استفاده میشه که نیاز به تغییر طراحی یا رفتار صفحه در مسیرهای مختلف دارید مثل پروفایل کاربری که با تغییر؛ اطللاعات مربوط به کاربر نشان داده میشه.
https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates