next.js (نکست جی اس) چیست؟ next.js یکی از فریمورک های کتابخانه react.js هست. فریم ورکی که از react استفاده می کند و تمام برنامه شما (سمت سرور و سمت کلاینت) را برایتان می سازد. این فریم ورک قابلیت های بسیار بیشتری را نسبت به react به شما می دهد در next.js هنوز هم کد react می نویسیم اما با قابلیت های بسیار زیادی که نکست جی اس در اختیار ما قرار میده
پیشنهاد میکنم که اگه قصد دارید پروژه ای را با react.js پیاده سازی کنید آن را با next.js پیاده سازی کنید.
برای درک و آشنایی بیشتر با next.js حتما ویدیو معرفی و همچنین قسمت های رایگان دوره را مشاهده کنید. این دوره بر اساس آخرین ورژن نکست جی اس یعنی 14 کامل بازتولید شده
همچنین دوره آموزش ساخت فروشگاه اینترنتی با نکست هم توی وب سایت قرار گرفت که بعد از گذراندن این دوره میتوانید مشاهده کنید.
مباحثی که در این دوره گفته میشود شامل :
آشنایی با 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
کامپوننت های 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
دوره پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
persian fox
سلام قسمت های rendering جدیدی که به next اضافه شده و پوشه app و... در اپیدت ها قرار میگیرد ؟
علی شیخ
2 سال پیش
سلام وقت بخیر.
در حال حاضر نسخه beta هست، stable شد انشاا... در قالب قسمت به دوره اضافه میکنیم.