telegram

توضیحات

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

  • 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

 

دوره پیشنهادی، بعد از گذراندن این دوره :

پیش نیاز این دوره :

طراحی وب javascript جاوااسکریپت react ری اکت next.js نکست جی اس next.js v12 next.js v13 نکست جی اس ورژن 12 نکست جی اس ورژن 13 نکست جی اس ورژن 14 next.js v14

مدرس دوره علی شیخ
مدت دوره 24:41:33
تعداد ویدیو 128
وضعیت دوره : کامل شده
قیمت دوره : 599,000 539,000 تومان
% 10 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پیشنهادی

دوره های آموزشی
آموزش jQuery پروژه محور
کامل شده
% 10 تخفیف

آموزش jQuery پروژه محور

آموزش jQuery به همراه 4 پروژه. jQuery یک کتابخانه برای جاوا اسکریپت است. منظور از کتابخانه مجموعه کدهایی است که در یکجا...

99,000 89,000 تومان
04:30:09
آموزش Bootstrap 4 در دنیای واقعی
کامل شده

آموزش Bootstrap 4 در دنیای واقعی

آموزش Bootstrap 4 در دنیای واقعی به همراه ۹ پروژه واقعی.بعد از مشاهده دوره Bootstrap 4 نیاز هست که شما دوستان عزیز ‌Boot...

99,000 تومان
05:59:50
آموزش Javascript پروژه محور
کامل شده

آموزش Javascript پروژه محور

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان
06:09:03
آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور
کامل شده
% 5 تخفیف

آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور

Vuex یک کتابخانه مدیریت وضعیت است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. Vue.js یکی از فریم ور...

199,000 189,000 تومان
05:16:05

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • Armin Rahbar

    سلام خسته نباشید.من توی بخش پروژه ميخوام mysql رو باز کنم اررور ميده و بالا نمياد در حالي که ديروز اوکي بود. 

    

     mysqli::real_connect(): (HY000/1130): Host 'localhost' is not allowed to connect to this MariaDB server

    Connection for controluser as defined in your configuration failed.

    mysqli::real_connect(): (HY000/1130): Host 'localhost' is not allowed to connect to this MariaDB server

     phpMyAdmin tried to connect to the MySQL server, and the server rejected the connection. You should check the host, username and password in your configuration and make sure that they correspond to the information given by the administrator of the MySQL server.

    • علی شیخ

      4 ماه پیش

      سلام وقت بخیر.
      چک کنید که xampp استارت باشه و از طریق phpmyadmin واد بشید.
      متن ارور هم میگه localhost اجازه دسترسی نداره و این موضوع را نیازه سرچ کنید.

  • Amirreza fa

    سلام و احترام
    استاد واقعا ازتون صمیمانه ممنونم بابت این اموزش بی نظیری که درست کردین بابت تمام دوره های که داخل سایت گذاشتین ازتون ممنونم واقعا همه اموزش ها هم زمانش و مطالبش عالی هست ..
    یک مشورت داشتم استاد..
    من بک اند جنگو بلدم با drf به نظرتون با جنگو api های دوره پروژه محور next می تونم باز نویسی کنم از روی لاراول ..اکسپورت فایل تست api های postman دارید؟ چون میخوام خودم اول بک اندش بنویسم ..
    همچنین اگر امکانش هست استاد دوره node و orm drizzle-postgresql به همراه next auth برای بک اند next توی یک دوره جدا درست کنید واقعا لطف می کنید چون پروژه های فریلنسری خیلی رفته این سمت..
    امیدوارم بتونم تمام زحماتتون جبران کنم سپاس

    • علی شیخ

      6 ماه پیش

      سلام وقت بخیر.
      ممنون از شما، پیشنهاد و حمایتتون
      خداروشکر دوره براتون مفید بوده
      دوره فروشگاهی با next.js فایل مربوط به endpoint ها که با پست من هست قرار گرفته در جلسه مربوطش
      توی این دوره کلا با خوده next کار میشه و فقط برای بخش احرازهویت برای api ما از لاراول استفاده کردیم.

  • Taleb

    سلام استاد تا اینجای دوره یعنی بازتولید دوره خیلی خوب بوده اما چند زبانه کردن یا Internationalization رو تدریس نکردید لطفا این مهم رو هم تدریس کنید

  • YounesFallahi

    سلام استاد وقت بخیر
    من به تازگی دوره ریکت رو تموم کردم و قصد دارم نکست رو یادبگیرم
    الان اول باید ورژن ۱۲ و ۱۳ رو یادبگیرم بعد برم سراغ بازتولید کامل ورژن ۱۴
    یا اینکه همین ورژن ۱۴ رو ببینم کافیه؟

    • علی شیخ

      7 ماه پیش

      سلام وقت بخیر.
      ورژن ۱۴ را ببینید کافیه چون دوره بر اساس ورژن ۱۴ کامل بازتولید شده
      توی ویدیو معرفی دوره هم گفته شده

  • javad hashemzadeh

    سلام استاد، وقتتون بخیر.
    خیلی ممنون از دوره خوب و بروزتون، تمام قسمت‌های این دوره رو در عرض دو هفته دیدم و خیلی برام مفید بود. ممنون میشم نحوه دیپلوی پروژه nextیی که همراه به سروس لاراولی هست رو به هاست‌هایی مثل لایرا به دوره اضافه کنید.
    با سپاس فراوان

    • علی شیخ

      7 ماه پیش

      سلام وقت بخیر.
      ممنون از شما و حمایتتون
      خداروشکر دوره براتون مفید بوده
      در خصوص دپلوی توی دوره فروشگاهی نکست جی اس صحبت شده

  • aaty

    سلام ببخشید استاد الان من برای شروع لازم هستش که حتما react رو یاد بگیرم بعد بیام سراغ این دوره یا امکانش هست از همین دوره شروع کنم ؟ منظورم اینه که وقت بزارم روی دوره react یا بهتره که اینکار رو نکنم؟

    • علی شیخ

      9 ماه پیش

      سلام وقت بخیر.
      ببینید نکست جی اس فریمورک react هست و در سطح بالای قرار داره و از react استفاده میکنه پس طبیعتا شما در قدم اول باید با react و مخصوصا پیش نیاز هاش به خوبی آشنا باشید و بعد بیاید سراغ این دوره

  • bamdadmeh

    درود وقت بخیر
    من میخام این دوره رو تهیه کنم ، با توجه به اینکه next 14 اومده و تغییرات زیادی برای routing و یه سری مسایل داشته - میخوام ببینم آیا اپدیت میکنید این دوره رو یا دوره جدید قرار میدید براش ؟

    • علی شیخ

      12 ماه پیش

      سلام وقت بخیر.
      موضوعی که میفرماید برای ورژن 13 بوده که توی آپدیت اضافه شده و در 14 مبحث server action بصورت stable شده

  • mohamad mirzaei

    سلام
    استاد با یادگیری mongo میتونیم مستقیما تمام api ها که نیاز هست رو داخل نکست بنویسیم و مستقیم با دیتابیس در ارتباط باشیم و دیگه نیازی به نوشتن کدهای api با نود نداشته باشیم؟؟

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      بله، با یادگیری orm های مانند prisma میتونید از هر دیتابیسی استفاده کنید. در مورد prisma توی دوره ای nest.js صحبت کردیم.

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      توی ویدیو معرفی دوره توضیح داده شده
      در کل بله، طبیعتا هر ورژنی که میاد و stable بشه میتوانید ازش استفاده کنید.

  • amir mohazab

    سلام استاد, من طبق گفته شما با @ ورژن 12.1.6 رو سعی میکنم نصب کنم ولی در نهایت آخرین ورژن next نصب میشه. ایرادی نداره؟ هر پکیج دیگه ای رو با استفاده از @ میتونم به ورژن دلخواه نصب کنم ولی نمی دونم چرا نکست این طوری نیست!

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      چه ورژنی دقیقا نصب میشه براتون، 13 یا 12
      در کل مشکلی نیست

    • علی شیخ

      2 سال پیش

      بعد از زدن دستور و نصب که الان براتون ورژن 13.3.2 نصب شده، وارد پروژه بشید و دستور 

      npm i next@12.1.0 react@17.0.2 react-dom@17.0.2

      را بزنید که از نسخه 12 استفاده کنید.
      بزودی این دوره آپدیت میشه و در مورد ورژن 13 نکست هم صحبت میشه

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      توی تا کامنت پایین تر توضیح داده شده که تغییرات مهم و اساسی توی ورژن ۱۳ هنوز beta هست و انشاا... زمانیکه stable بشه، دوره را آپدیت میکنیم

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      جلسه 10 و 51 دوره آپدیت شده و توضیحات در انتهای ویدیو داده شده، اگه توی ویدیو شما نیست یکبار دیگه این دو قسمت را دانلود کنید.

  • Amirreza fa

    سلام و احترام
    ممنون بابت دوره خوبتون ایا دوره را هم اپدیت میکنید چون دوره next ورژن ۱۲.۱ داشتید توی ویدیو معرفی توضیح می دادین الان ورژن ۱۳.۲ هست چون اپدیت بودن دوره ها از همه چی مهم تر هست؟؟

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      تغییرات مهم و اساسی توی ورژن 3 هنوز beta هست و انشاا... زمانیکه stable بشه، دوره را آپدیت میکنیم

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      به دریافت توکن که یک رشته هست و فرمت خاصی نداره از سرور و ارسال به سرور در درخواست های مورد نیاز توی بخش احراز هویت صحبت شده، در مورد مبحث api صحبت شده اما اگه منظورتون اینکه دیتابیس ایجاد بشه توی نکست برای api، خارج از این دوره هست و نیازه با ORM های مانند prisma آشنا باشید که در موردش توی دوره ای nest.js صحبت شده

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      توی کامنت پایین پاسخ داده شده!! در حال حاضر نسخه beta هست، stable شد انشاا... در قالب قسمت به دوره اضافه میکنیم.