
دوره آموزش نکست جی اس Next js پروژه محور
در دوره آموزش Next js سبزلرن شما با استفاده از نکست جی اس ورژن 16.4 با توسعه بکاند و کامپوننتها، استفاده از دیتابیس و AI و توسعه پروژه فولاستک آشنا میشوید.

توضیحات
دوره آموزش next js مخصوص کسانی طراحی شده که بهدنبال یادگیری یک فریمورک کاربردی برای توسعه وب هستند. در این دوره مدرس حرفهای آکادمی سبزلرن علاوهبر مفاهیم تئوری، نحوه استفاده از نکست جی اس را در قالب پروژههای واقعی آموزش میدهد. با خرید دوره نکست جی اس میتوانید بدون محدودیت زمانی و بهصورت آنلاین یادگیری را آغاز کنید.
سطح دوره: پیشرفته و مناسب برای توسعهدهندگان آشنا با React
روش آموزش: آموزش تئوری مفاهیم در کنار بیش از ۱۰ مثال، ۵ تمرین و یک پروژه کاربردی
مدرس دوره: محمدامین سعیدی راد؛ توسعه دهنده استک MERN
دسترسی به محتوا: دسترسی بدون محدودیت زمانی به آموزشهای دوره
پشتیبانی: امکان پرسش و پاسخ و رفع اشکال در طول مسیر یادگیری
مناسب برای: برنامهنویسان React، توسعهدهندگان فرانتاند و علاقهمندان به توسعه وباپلیکیشنهای مدرن
دوره آموزش مقدماتی تا پیشرفته نکست جی اس Next js
در آکادمی سبزلرن دوره آموزش next js شامل مفاهیم اصلی این فریمورک است که در قالب مثالها و پروژههای کاربردی ارائه شده است. سپس مباحثی مانند توسعه بکاند با "Route Handler"، اتصال به پایگاه داده، پیادهسازی احراز هویت با روشهای "Token-Based" و "Passwordless"، ورود با حسابهای "GitHub" و "Gmail" و ارسال کد یکبارمصرف از طریق پیامک آموزش داده میشوند.
در ادامه با افزودن قابلیتهای هوش مصنوعی، توسعه چتبات پشتیبانی، ساخت پروژه فولاستک "Dev Blog"، اتصال به درگاه پرداخت، مدیریت وضعیت با "Zustand" و استفاده از "Open Graph" آشنا خواهید شد. همچنین مباحثی مانند قابلیت "cacheComponents"، امنیت و دیپلوی پروژههای Next.js نیز در این دوره بررسی میشوند.
آموزش طراحی سایت با Next js بصورت پروژه محور
در دوره next js آموزش بهصورت پروژهمحور نسخه ۱۶.۴ این فریمورک را با بیش از ۱۰ مثال کاربردی، ۵ تمرین و پیادهسازی یک پروژه فولاستک بهصورت عملی یاد میگیرید. مباحث دوره شامل مسیریابی، احراز هویت با روشهای مختلف، بهینهسازی دیتابیس، اتصال درگاه پرداخت، استفاده از هوش مصنوعی، طراحی سایت با Next js و توسعه چتبات است. در پایان یک وبسایت مشابه "Dev.to" با نام "DevLog" پیادهسازی میکنید. این دوره با تمرکز بر یادگیری عمیق مفاهیم و قابلیتهای جدید Next.js، بهصورت کامل بهروزرسانی و مجدداً ضبط شده است.
خرید دوره نکست جی اس به چه کسانی پیشنهاد میشود؟
اگر به زبان جاوااسکریپت مسلط هستید و با ری اکت آشنایی دارید، برای تبدیل شدن به یک توسعه دهنده حرفهای میتوانید در دوره آموزش Next JS شرکت کنید. همچنین اگر قبلا آموزش Next.js دیدهاید اما هنوز در اجرای پروژههای واقعی اعتمادبهنفس کافی ندارید، پروژههای عملی و متنوع این دوره به شما کمک میکنند تا دانش خود را به مهارت واقعی تبدیل کنید و با ساخت نمونهکارهای قابل ارائه، یک قدم جدیتر به سمت بازار کار بردارید. بهطور کلی خرید دوره Next.js به افراد زیر پیشنهاد میشود:
برنامهنویسان React با هدف ارتقای مهارتهای توسعه وب
توسعهدهندگان فرانتاند علاقهمند به یادگیری نکست جی اس
برنامهنویسان علاقهمند به توسعه وبسایتهای سریعتر و بهینهتر
علاقهمندان به توسعه فولاستک و کار با API
فریلنسرهای فعال در پروژههای متنوع
برنامهنویسان علاقهمند به ساخت نمونهکارهای حرفهای با اجرای پروژههای عملی
سرفصلهای دوره آموزش Next.js سبزلرن
در دوره جامع آموزش Next.js سبزلرن، طی ۱۷ساعت آموزش با مفاهیم و قابلیتهای این فریمورک آشنا میشوید و آنها را در پروژههای عملی به کار میگیرید. این دوره با پوشش مباحث از پایه تا اجرای پروژههای کاربردی، به منابع آموزشی اضافی نیاز ندارد و امکان مشاهده و مرور تمام مطالب آن بدون محدودیت زمانی فراهم است. بدون شک با تمرین پروژههای دوره، درک بهتری از کاربرد فریم ورک NextJs در توسعه وبسایتها و وباپلیکیشنها بهدست میآورید.
مبحث | توضیحات |
معرفی دوره | آشنایی با ساختار و محتوای دوره |
File Based Routing در نکست | مدیریت مسیرها با استفاده از ساختار فایلها در Next.js |
داستان کامپوننتها | آشنایی با ساختار و نحوه استفاده از کامپوننتها |
توسعه بکاند با نکست | پیادهسازی مسیرهای API و مدیریت درخواستها در سمت سرور |
استفاده از دیتابیس در نکست | اتصال و استفاده از پایگاه داده در پروژه |
احراز هویت Token-Based | پیادهسازی احراز هویت مبتنی بر توکن |
احراز هویت PasswordLess (روش Email OTP) | ورود کاربران بدون رمز عبور با کد یکبارمصرف ایمیلی |
ارسال OTP به صورت SMS | پیادهسازی احراز هویت با کد یکبارمصرف پیامکی |
استفاده از AI و هوشمندسازی قابلیتها | افزودن قابلیتهای هوش مصنوعی به پروژه |
توسعه چتبات پشتیبانی | پیادهسازی چتبات برای پاسخگویی به کاربران |
احراز هویت با Next-Auth | پیادهسازی سیستم احراز هویت با NextAuth |
احراز هویت با اکانت GitHub | ورود کاربران با حساب گیتهاب |
احراز هویت با اکانت Gmail | ورود کاربران با حساب گوگل |
پروژه فولاستک Dev Blog | توسعه یک پروژه وبلاگ فولاستک با Next.js |
استفاده از Open Graph | بهینهسازی نمایش لینک صفحات هنگام اشتراکگذاری |
اتصال پروژه به درگاه پرداخت | پیادهسازی فرایند پرداخت آنلاین در پروژه |
استفاده از Zustand در Next.js | مدیریت وضعیت برنامه با کتابخانه Zustand |
قابلیت جدید cacheComponents | آشنایی با قابلیت cacheComponents در Next.js |
دیپلوی پروژههای Next.js | استقرار و انتشار پروژههای نکست |
امنیت در Next.js | آشنایی با اصول و روشهای افزایش امنیت پروژههای نکست |
پیشنیازهای دوره آموزش Next js 16.4 چیست؟
اصلیترین پیش نیاز برای شرکت در دوره آموزش نکست جی اس، تسلط به ری اکت (React) است. البته از آنجا که ری اکت نیز بر پایه جاوااسکریپت توسعه پیدا کرده، بهتر است قبل از شروع دوره با "JavaScript"، "HTML" و "CSS" آشنا شوید. همچنین داشتن تجربه ساخت چند پروژه با React و تسلط به مفاهیم آموزش جاوااسکریپت باعث میشود مفاهیم دوره Next.js را سریعتر و عمیقتر یاد بگیرید.
مزایای خرید دوره آموزش نکست جی اس Next js سبزلرن
یادگیری Next.js زمانی ارزشمندتر میشود که بتوانید مفاهیم آن را در پروژههای واقعی به کار بگیرید. دوره آموزش next js سبزلرن با رویکرد پروژهمحور طراحی شده است تا علاوهبر آشنایی با مفاهیم اصلی، تجربه بیشتری در پیادهسازی وبسایتها و وباپلیکیشنهای کاربردی به دست آورید. مهمترین مزایای خرید دوره نکست جی اس سبزلرن عبارتاند از:
آموزش جامع مفاهیم کاربردی Next.js
آموزش پروژهمحور و اجرای چند پروژه مختلف
اجرای یک پروژه نهایی بزرگ و فولاستک
توجه به مفاهیم سئو
امکان استفاده از پروژهها بهعنوان نمونهکار
پشتیبانی رایگان و نامحدود
امکان رفع اشکال در طول مسیر یادگیری
بهروزرسانی محتوای دوره متناسب با تغییرات تکنولوژی
آفلاین بودن دوره و امکان مرور مباحث بدون محدودیت زمانی
هزینه اقتصادی دوره در مقایسه با نمونه های داخلی و بینالمللی
پس از آموزش Nextjs، برای انتشار پروژه به چه زیرساختی نیاز داریم؟
پس از یادگیری Next.js، انتخاب هاست نکست جی اس به نوع پروژه و نیازهای اجرایی آن بستگی دارد. در آموزش next js بصورت پروژه محور، با قابلیتهای این فریمورک و روشهای رندرینگ آشنا میشوید تا بتوانید برای انتشار وبسایت یا وباپلیکیشن خود، زیرساخت میزبانی مناسبی انتخاب کنید.
برای مثال، پروژههایی که به اجرای قابلیتهای سمت سرور نیاز دارند، باید روی سرور next js میزبانی شوند که از نیازمندیهای اجرایی آنها پشتیبانی کند. در مقابل، برخی پروژههای استاتیک را میتوان پس از تولید خروجی مناسب، روی سرویسهای میزبانی صفحات استاتیک منتشر کرد.
نحوه خرید دوره آموزش Next.js سبزلرن
برای خرید دوره آموزش Next JS کافی است وارد حساب کاربری خود در سایت سبزلرن شوید و مراحل زیر را به ترتیب اجرا کنید. شما از همان لحظه خرید دوره میتوانید یادگیری نکست جی اس را شروع کنید و قدمبهقدم مهارت خود را برای ورود به بازار کار و توسعه پروژههای حرفهای ارتقا دهید:
صفحه دوره نکست جی اس را باز کنید و روی گزینه «افزودن به سبد خرید» کلیک کنید.
وارد سبد خرید شوید و مراحل پرداخت هزینه دوره را انجام دهید.
پس از تکمیل پرداخت از طریق درگاه بانکی، دسترسی شما به محتوای دوره فعال میشود.
از طریق پنل کاربری، آموزشها را مشاهده کنید و یادگیری را مطابق برنامه خود پیش ببرید.
در آکادمی سبزلرن میتوانید بدون محدودیت زمانی به محتوای دوره دسترسی داشته باشید و در صورت نیاز، بخشهای مختلف آموزش را دوباره مرور کنید. ما همه چیز را برای شروع یادگیری نکست جی اس مهیا کردهایم، حتی بخشی از آموزش next js رایگان است تا شما قبل از یادگیری با نحوه تدریس آشنا شوید. خدمات پشتیبانی سبزلرن نیز به شما کمک میکند تا جواب سوالات خود را در اسرع وقت پیدا کرده و یادگیری را بدون مشکل ادامه دهید.
سوالات متداول
آموزش Next.js برای چه کسانی مناسب است؟
این دوره برای توسعهدهندگان React، برنامهنویسان فرانتاند و افرادی که قصد یادگیری Next.js بهصورت پروژهمحور و حرکت به سمت توسعه فولاستک را دارند مناسب است.
آیا دوره آموزش Next JS پیش نیاز دارد؟
تسلط خوب به React مهمترین پیشنیاز دوره است. همچنین آشنایی با JavaScript، HTML و CSS توصیه میشود.
در دوره Next js چه پروژههایی ساخته میشود؟
در این دوره، یک وبسایت فولاستک مشابه Dev.to با نام DevLog ساخته میشود و قابلیتهایی مانند احراز هویت، اتصال درگاه پرداخت، چتبات هوش مصنوعی و مدیریت دیتابیس بهصورت عملی پیادهسازی میشوند.
آیا SSR در آموزش Nextjs تدریس میشود؟
بله، Server-Side Rendering یا SSR یکی از مفاهیم اصلی دوره است و به شکل کاربردی بررسی میشود.
آیا CSR و SSG هم در دوره آموزش نکست جی اس آموزش داده میشوند؟
بله. علاوهبر SSR، مفاهیم CSR و SSG نیز در دوره آموزش داده میشوند.
آیا Routing در دوره Next js آموزش داده میشود؟
بله، در این دوره Routing در Next.js بهصورت کامل و کاربردی آموزش داده میشود؛ از جمله File-Based Routing و کار با Route Handler برای مدیریت درخواستها و ساخت مسیرهای داینامیک.
آیا دوره آموزش Next.js پشتیبانی دارد؟
بله، در طول دوره میتوانید سوالات و مشکلات خود را از طریق بخش پرسش و پاسخ سایت سبزلرن مطرح کنید. همچنین در صورت فعال بودن سبزبات امکان دریافت راهنمایی اولیه و رفع اشکال از این طریق نیز وجود دارد.
جلسات
معرفی دوره + پیشنیازها
ایجاد پروژه Next.js
بررسی Folder Structure پروژه
درک Routing نکست
پیاده سازی Nested Route
پیاده سازی Dynamic Route
استفاده از کامپوننت Link
دسترسی به پارامتر های روت Parent
پیاده سازی Catch All Routes
پیاده سازی Optional Catch All Routes
تنظیم Layout برای صفحات
استفاده از Route Group و Multi Layout
ریدایرکت کاربر
تنظیم صفحه Not Found
استفاده از فانکشن notFound
تنظیم صفحه Forbidden
استفاده از Loading در Tree
Error Handling در روتها
Component Hierarchy در نکست
تفاوت Template با Layout
درک Template Unique Key
ایجاد Private Folder
پیادهسازی Static Metadata
پیادهسازی Dynamic Metadata
Config های تایتل
مفاهیم Parallel / Intercepting Routes
کدوم کامپوننت کجا اجرا میشه؟
درک عمیق Server Component
درک عمیق Client Component
نکات مهم کامپوننت های Server و Client
اضافه کردن فونت Local - تنظیم Layout
توسعه صفحه جزئیات مقاله
پیادهسازی Restful Api
دریافت Dynamic Params در Api
دریافت Body رکوئست
توسعه Api حذف محصول
توسعه Validator با Zod
تنظیم Custom Error
دسترسی به کوکیها
کجا از Query Params استفاده کنیم؟
کار با Header های رکوئست / رسپانس
پیادهسازی Catch All Routes برای Apiها
نصب و راهاندازی MongoDB
اتصال به دیتابیس
ایجاد مدل Product
ایجاد محصول جدید در دیتابیس
روش های خواندن دیتا از دیتابیس
حذف محصول از دیتابیس
اعتبارسنجی ObjectID
چرا timestamps استفاده میکنیم؟
آپدیت اطلاعات محصول در دیتابیس
خواندن اطلاعات یک محصول
آمادهسازی Layout و فرم ثبتنام
توسعه مدل User
توسعه Validator برای ثبتنام
توسعه منطق Register به عنوان Server Action
هش کردن پسورد
ذخیره اکسستوکن به صورت HttpOnly
شناسایی کاربر از روی توکن
پیادهسازی Route Protection
توسعه قابلیت Logout
مدیریت Ui با هوک useActionState
پیادهسازی مدل OTP
ایجاد و ذخیرهسازی OTP
ارسال OTP به صورت Email
دریافت و اعتبارسنجی OTP
ثبتنام در سرویس Meli Payamak
تست Api ارسال پیامک
توسعه فایل sms.js
دریافت و اعتبارسنجی کد OTP در سرور
نصب SDK و Provider هوش مصنوعی
ارسال Prompt به مدل هوش مصنوعی
خلاصهسازی و تحلیل کامنتها با Ai
توسعه سمت سرور Chat
چت با هوش مصنوعی
نمایش پیامها در صفحه چت
نمایش حالت Streaming
کانفیگ Credentials
ارسال اطلاعات کاربر به سرور
توسعه متد authorize
پیادهسازی Route Protection
قابلیت signOut با Next-Auth
دریافت Client ID و Client Secret از گیتهاب
لاگین با اکانت گیتهاب
ذخیره اطلاعات Provider در دیتابیس
اضافه کردن id به session
دریافت Secret Key از Google
ثبتنام و لاگین در پروژه با اکانت گوگل
معرفی پروژه Devlog
درک Authorization و RBAC
پیادهسازی Credential Register
مفهوم Relation در دیتابیس
توسعه Model پستها
توسعه Model کامنتها
استفاده از روش Self Referencing
توسعه Layout پنل مدیریت
تفکیک Layoutها
توسعه Action ایجاد دستهبندی
ایجاد دستهبندی توسط Admin
توسعه فانکشن requireAdmin
توسعه DAL برای دستهبندیها
ایجاد subCategory توسط Admin
نمایش دستهبندیها در پنل مدیریت
نمایش زیردستهها (subCategory)
استفاده از revalidatePath
توسعه Mega Menu
توسعه Layout پروفایل
نمایش اطلاعات حساب کاربری در پروفایل
ریفکتور
توسعه Action برای ایجاد پست
مدیریت Ui در ایجاد پست
ایجاد پست توسط کاربر در Profile
DAL پست های نوشته شده توسط کاربر
نمایش پست های متعلق به کاربر در پروفایل
مرتب سازی پستها بر اساس createdAt
توسعه Action برای حذف پست
اتصال Action به پروفایل کاربر
دستهبندی پست های منتشر شده در DAL
نمایش پست های منتشر شده در Blog
توسعه فانکشن getPostById
توسعه صفحه جزئیات پست
قابلیت ثبت کامنت به عنوان Action
ثبت کامنت توسط کاربر در کلاینت
نمایش کامنت های پست
revalidate کردن صفحه بعد از ثبت کامنت
توسعه فانکشن getPostsByCategory
نمایش پست های مربوط به یک subCategory
نمایش پست های مربوط به دستهبندی اصلی
دریافت همه پستها در پنل مدیریت
نمایش همه پستها به مدیر
حذف پست به صورت امن
دریافت همه کاربران در پنل مدیریت
نمایش اطلاعات کاربران به مدیر
تغییر نقش کاربر توسط مدیر
حذف کاربر به صورت Soft Delete
بن کردن کاربر توسط مدیر
آمادهسازی آمار کلی وبسایت سمت سرور
نمایش آمار فعالیت سایت به مدیر
تسک هایی برای دانشجو - سخن پایانی
افزودن OpenGraph به پروژه Devlog
پیادهسازی OG در Dynamic Routes
ایجاد Dynamic Images برای OpenGraph
بررسی Flow اتصال به درگاه پرداخت
اضافه کردن Merchant ID
دریافت کد authority از درگاه پرداخت
ریدایرکت کاربر به صفحه پرداخت
verify کردن پرداخت کاربر
ارسال کد رهگیری و وضعیت پرداخت به کلاینت
دیباگ
نمایش نتیجه پرداخت به کاربر
اضافه کردن Bookmarks به مدل User
توسعه اکشن addBookmark
دریافت ID های بوکمارک
توسعه اکشن removeBookmark
Normalize کردن اطلاعات بوکمارک
توسعه Context بوکمارک
توسعه فانکشن toggleBookmark
توسعه لاجیک آیکون Bookmark
توسعه صفحه "بوکمارک های من"
حذف پست از Bookmark توسط کاربر
نمایش تعداد بوکمارکها در Navbar
ایجاد Store زوستند
توسعه کامپوننت BookmarkInitializer
نکته مهم در گرفتن اطلاعات از Zustand
Sync کردن تعداد بوکمارکها در Navbar
پیش نیاز ها
پشتیبانی
این دوره مجهز به «سبزبات» ربات هوشمند مبتنی بر هوش مصنوعی است.
اگر در حین مشاهده جلسات دوره با سوال یا ابهامی مواجه شدید، میتوانید پرسش خود را از سبزبات بپرسید و در همان لحظه پاسخ دریافت کنید. در صورتی که نیاز به توضیح بیشتر یا پاسخ تخصصی مدرس داشتید، کافی است از سبزبات بخواهید تا سوال شما را به مدرس دوره ارجاع دهد تا مستقیماً توسط مدرس پاسخ داده شود.

نظرات
ابوالفضل جان سلام.
خواهش میکنم. خوشحالم که از نسخه جدید دوره راضی هستید.
بله هدف اصلی از ضبط مجدد افزایش کیفیت، بروز کردن محتوا و بهینهتر کردن دوره هست.
بله cacheComponents تو ورژن جدید نکست قابلیت مهمی هست.
سعی میکنم حداکثر تو آذرماه این فصل رو تکمیل کنم 👌❤️
سلام عزیز.
ارادتمندم. شما خیلی لطف دارید. شرمنده میکنید.
ادامه بدید ✌️❤️
سلام عزیز.
موضوعی که میفرمایید به صورت عملی تو دوره متخصص React تدریس شده. تو این دوره به صورت عملی تدریس نشده. ولی غیرمستقیم تدریس شده.
اما نکست که سهله، بلد بودن این موضوع از توسعهدهنده React هم انتظار میره بلد باشه، چه برسه به Nextjs.
خواهش میکنم.
بله Data Fetching انجام شده اما کار با Api خارجی و مدیریت موارد پیرامون، تو دوره React جامعتر تدریس شده نسبت به دوره Next و تفاوت چندان زیادی ندارن.
سلام عزیز.
مفاهیم مربوط به Rendering تو فصل cacheComponents تدریس شدن که جلساتش بزودی آپلود میشن.
همچنین شایان ذکر هست که بنا به تصمیم تیم مارکتینگ، این دوره در یکم آبانماه افزایش قیمت خواهد داشت.
ابوالفضل جان سلام.
دوره همین الان آپدیت شد و محتوای دوره جدید رو میتونید مشاهده بفرمایید.
بله کل محتوا و ویدئو های دوره جایگزین شدن.
دوره جدید خیلی بهینهتر از دوره قدیمی هست و با مشاهده دوره جدید، مطالب خیلی بیشتری یاد میگیرید نسبت به دوره قدیمی.
همچنین بنا به تصمیم تیم مارکتینگ، این دوره در یکم آبانماه قراره افزایش قیمت بخوره.
سلام عزیز.
تایم دوره جدید حدودا 15 ساعته 👌❤️
شایان ذکر هست که دوره جدید محتوای خیلی بیشتری نسبت به دوره فعلی داره.
سلام عزیز.
آخرین نسخه فعلی نکست تدریس میشه (ورژن 16.3)
سلام عزیز.
ارادت.
بله اگه اتفاق خاصی نیفته، تا آخر همین ماه دوره جدید متخصص Next.js میاد رو سایت و جایگزین دوره فعلی میشه 👌❤️
سلام حسین جان.
این دوره الان در حال ضبط مجدد هست و تا آخر مهر ماه تکمیل میشه و میاد رو سایت و جایگزین دوره فعلی میشه.
کل دوره از نو ضبط میشه. نه این که فقط به تغییرات ورژن جدید بپردازیم. چون ورژن های جدید تغییرات مهم و زیادی دارن.
نسخه جدید دوره برای دانشجو های فعلی دوره رایگان خواهد بود. بنابراین پیشنهاد میکنم قبل از اومدن نسخه جدید دوره، تو دوره ثبتنام کنید. چون وقتی نسخه جدید بیاد، دوره افزایش قیمت خواهد داشت.
سلام عزیز.
دوره الان در حال ضبط مجدد هست و تمام تلاشم رو میکنم که حداکثر تا آخر مهر دوره بیاد رو سایت و جایگزین دوره فعلی بشه 👌❤️
ارادت پارسا جان ❤️
سلام عزیز.
دوره فعلی نه. همه پروژهها با تیلویند نیستن. فقط پروژه آخری با تیلویند هست.
دوره در حال ضبط مجدد هست و تو نسخه جدید دوره همه پروژهها با تیلویند خواهند بود.
پیشنهاد میکنم اگه تو رودمپ به یادگیری نکست رسیدید با همین دوره فعلی شروع کنید تا دوره جدید برسه. وقتی دوره جدید اومد تو یک یا دو روز میتونید تغییرات رو یاد بگیرید. همچنین نسخه جدید دوره برای دانشجو های فعلی رایگان خواهد بود.