آموزش فریمورک نکست جی اس (next.js)

توضیحات تدریس

next.js (نکست جی اس) چیست؟ next.js یکی از فریمورک های کتابخانه react.js هست. فریم ورکی که از react استفاده می کند و تمام برنامه شما (سمت سرور و سمت کلاینت) را برایتان می سازد. این فریم ورک قابلیت های بسیار بیشتری را نسبت به react به شما می دهد در next.js هنوز هم کد react می نویسیم اما با قابلیت های بسیار زیادی که نکست جی اس در اختیار ما قرار میده پیشنهاد میکنم که اگه قصد دارید پروژه ای را با react.js پیاده سازی کنید آن را با next.js پیاده سازی کنید. مباحثی که در این دوره گفته میشود شامل : آشنایی با next.js آشنایی با next.js ایجاد پروژه next.js آشنایی با فولدرها و فایل های پروژه next.js مبحث routing آشنایی با سیستم routing آشنایی با layout کامپوننت Link آشنایی با templates آشنایی با metadata آشنایی با هوک usePathname, useRouter, useSearchParams آشنایی با route groups و dynamic routes آشنایی با loading ui و فایل error.js styling در next.js global style css modules css-in-js استفاده از sass افزودن فریمورک bootstrap افزودن فریمورک tailwindcss کامپوننت های Font و Script و Image آشنایی با کامپوننت Font برای افزودن فونت از گوگل و فونت شخصی کامپوننت Script کامپوننت Image pre-rendering و data fetching آشنایی با pre-rendering سرور و کلاینت کامپوننت ها (server, client components) آشنایی با پکیج json-server data fetching در سرور و کلاینت کامپوننت آشنایی با caching و revalidating آشنایی با server actions آشنایی با useFormStatus و useFormState مبحث parallel, Intercepting routes آشنایی با parallel routes آشنایی با Intercepting routes مثال از parallel, Intercepting routes مبحث route handler و middleware آشنایی با route handler استفاده از cookies , headers , request body آشنایی با middleware Authentication یا احراز هویت آشنایی با Token-Based Authentication توضیح و اجرای پروژه api ایجاد هدر پروژه ایجاد صفحه register و استفاده از پکیج react-toastify register یا عضویت کاربر login یا ورود کاربر و ذخیره توکن در cookie ایجاد authentication context بررسی احراز هویت کاربر logout یا خروج کاربر نمایش پست های پروژه و middleware