کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش پروژه‌های Next.js - ۹ پروژه با NextJS 15 (اینستاگرام، گوگل) - آخرین آپدیت

دانلود Next.js Projects - 9 NextJS 15 projects (Instagram, Google.)

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

پروژه‌های Next.js 15: ساخت اپلیکیشن‌های واقعی با ری‌اکت

با پروژه‌های جدید Next.js 15، ۸ اپلیکیشن کاربردی با NextJS بسازید، از جمله کلون‌های IMDB، اینستاگرام، توییتر (X) و گوگل.

به بهترین دوره برای یادگیری Next.js از طریق توسعه اپلیکیشن‌های واقعی خوش آمدید. این دوره بر یادگیری عملی پروژه‌محور تمرکز دارد و شامل پروژه‌هایی مانند کلون اینستاگرام و گوگل است.

با استفاده از بهترین شیوه‌های Next.js، وب‌سایت‌های کاملاً کاربردی طراحی و ساخته خواهیم کرد. تاکنون ۳ پروژه شامل کلون‌های IMDB، اینستاگرام و گوگل تکمیل شده‌اند و ماهانه پروژه‌های بیشتری اضافه خواهد شد. پیش‌نمایش هر پروژه را در سرفصل‌های دوره بررسی کنید.

در این دوره جامع، تکنیک‌های رندرینگ از جمله نحوه ساخت صفحات سایت استاتیک (static site pages)، رندر سمت سرور (server side rendering) و بازسازی استاتیک افزایشی (incremental static regeneration) را فرا خواهید گرفت. همچنین با صفحه‌بندی (pagination)، قابلیت آپلود عکس و مدیریت وضعیت با استفاده از Recoil آشنا خواهید شد. قادر خواهید بود وب‌سایت‌های ریسپانسیو شگفت‌انگیزی با آخرین نسخه Tailwind CSS (3.0) بسازید.

این دوره همچنین نحوه استفاده از Firebase برای پایگاه داده (database) و ذخیره‌سازی (storage) را آموزش می‌دهد. از next-auth برای احراز هویت (authentication) استفاده خواهیم کرد و نحوه استفاده از APIهای TMDB و Google Search را یاد خواهید گرفت.

در نهایت، با نحوه دیپلوی اپلیکیشن‌ها با استفاده از Vercel و دامنه دلخواهتان آشنا خواهید شد.

من Sahand هستم و بیش از ۱۶ سال تجربه برنامه‌نویسی دارم. من مربی شما خواهم بود و به سوالات شما در بخش پرسش و پاسخ پاسخ خواهم داد.

پروژه‌هایی که در این دوره خواهید ساخت:

  1. کلون IMDB

    • استفاده از پایگاه داده TMDB
    • استایل‌دهی با Tailwind CSS

  2. کلون اینستاگرام

    • استفاده از Firebase برای پایگاه داده و ذخیره‌سازی
    • استایل‌دهی با Tailwind CSS
    • احراز هویت با next-auth
    • پیاده‌سازی قابلیت لایک و کامنت
    • افزودن قابلیت آپلود و استفاده از تگ Image در Next.js

  3. کلون گوگل

    • استایل‌دهی با Tailwind CSS
    • احراز هویت با next-auth
    • استفاده از Google Search API
    • جستجوی وب و تصویر

  4. کلون X (توییتر سابق)

    • استایل‌دهی با Tailwind CSS
    • احراز هویت با next-auth و Firebase Auth
    • پیاده‌سازی قابلیت لایک و کامنت
    • افزودن قابلیت آپلود و استفاده از تگ Image در Next.js

  5. احراز هویت Next با MongoDB، Mongoose و Clerk

    • احراز هویت با Clerk و MongoDB
    • پیاده‌سازی کامل احراز هویت شامل بازیابی رمز عبور و تایید ایمیل

  6. شبکه اجتماعی با MongoDB، Mongoose و Clerk

    • احراز هویت با Clerk و MongoDB
    • پیاده‌سازی قابلیت لایک و کامنت
    • افزودن قابلیت آپلود و استفاده از تگ Image در Next.js

  7. وبلاگ با داشبورد ادمین با MongoDB، Mongoose و Clerk

    • احراز هویت با Clerk و MongoDB
    • افزودن داشبورد ادمین

  8. وب‌سایت املاک با MongoDB، Mongoose و Clerk

    • احراز هویت با Clerk و MongoDB
    • ساخت صفحه فرود زیبا و صفحات لیست املاک

  9. برنامه‌رهگیر خواب با Neon، Prisma و Clerk

    • احراز هویت با Clerk و Neon
    • ساخت صفحه فرود زیبا و داشبورد تحلیل خواب
سرفصل ها و درس ها

Project - IMDb Clone-پروژه - شبیه ساز IMDb Project - IMDb Clone

  • 01 - Intro-مقدمه 01 - Intro

  • 02 - Install Next.js and Tailwind CSS and create the first template-نصب Next.js و Tailwind CSS و ایجاد اولین قالب 02 - Install Next.js and Tailwind CSS and create the first template

  • 03 - Add header section-افزودن بخش هدر 03 - Add header section

  • 04 - Add dark mode-افزودن حالت تاریک 04 - Add dark mode

  • 05 - Create the about page-ایجاد صفحه درباره ما 05 - Create the about page

  • 06 - Create the navbar component-ایجاد کامپوننت ناوبار 06 - Create the navbar component

  • 07 - Fetch data from TMDB API in the home page-دریافت داده از API TMDB در صفحه اصلی 07 - Fetch data from TMDB API in the home page

  • 08 - handle the error-مدیریت خطا 08 - handle the error

  • 09 - Add loading effect using Next.js-افزودن جلوه بارگذاری با استفاده از Next.js 09 - Add loading effect using Next.js

  • 10 - Add card component-افزودن کامپوننت کارت 10 - Add card component

  • 11 - Add movie page-افزودن صفحه فیلم 11 - Add movie page

  • 12 - Add search box-افزودن کادر جستجو 12 - Add search box

  • 13 - Deploy to Vercel-استقرار در Vercel 13 - Deploy to Vercel

Project - Google Clone-پروژه - شبیه ساز گوگل Project - Google Clone

  • 01 - Intro-مقدمه 01 - Intro

  • 02 - install Next.js and Tailwind CSS and create the first template-نصب Next.js و Tailwind CSS و ایجاد اولین قالب 02 - install Next.js and Tailwind CSS and create the first template

  • 03 - Add home header component-افزودن کامپوننت هدر صفحه اصلی 03 - Add home header component

  • 04 - Add body section-افزودن بخش بدنه 04 - Add body section

  • 05 - Add footer component-افزودن کامپوننت فوتر 05 - Add footer component

  • 06 - Create search page for web and image-ایجاد صفحه جستجو برای وب و تصویر 06 - Create search page for web and image

  • 07 - Update the search header component-به‌روزرسانی کامپوننت هدر جستجو 07 - Update the search header component

  • 08 - Complete the search box component-تکمیل کامپوننت جعبه جستجو 08 - Complete the search box component

  • 09 - Complete the search header options-تکمیل گزینه‌های هدر جستجو 09 - Complete the search header options

  • 10 - Fetch data from google search API and show the titles-دریافت داده از API جستجوی گوگل و نمایش عناوین 10 - Fetch data from google search API and show the titles

  • 11 - Handle possible errors-مدیریت خطاهای احتمالی 11 - Handle possible errors

  • 12 - Create search result component-ایجاد کامپوننت نتایج جستجو 12 - Create search result component

  • 13 - Add image results-افزودن نتایج تصویر 13 - Add image results

  • 14 - Add pagination component-افزودن کامپوننت صفحه‌بندی 14 - Add pagination component

  • 15 - Add loading effects for web and image pages-افزودن جلوه‌های بارگذاری برای صفحات وب و تصویر 15 - Add loading effects for web and image pages

  • 16 - Deploy to Vercel-استقرار در Vercel 16 - Deploy to Vercel

Project - Instagram Clone-پروژه - شبیه ساز اینستاگرام Project - Instagram Clone

  • 01 - Project preview-پیش‌نمایش پروژه 01 - Project preview

  • 02 - Install Next.js and Tailwind CSS and create the first template-نصب Next.js و Tailwind CSS و ایجاد اولین قالب 02 - Install Next.js and Tailwind CSS and create the first template

  • 03 - Add header component-افزودن کامپوننت هدر 03 - Add header component

  • 04 - Add next-auth and modify the header component-افزودن next-auth و اصلاح کامپوننت هدر 04 - Add next-auth and modify the header component

  • 05 - Add modal functionality using react modal-افزودن عملکرد مودال با استفاده از react-modal 05 - Add modal functionality using react modal

  • 06 - Add upload image functionality-افزودن قابلیت آپلود تصویر 06 - Add upload image functionality

  • 07 - Add upload post functionality to the firestore-افزودن قابلیت آپلود پست به فایربیس 07 - Add upload post functionality to the firestore

  • 08 - Make the feed section responsive-واکنش‌گرا کردن بخش فید 08 - Make the feed section responsive

  • 09 - Complete the mini profile component-تکمیل کامپوننت پروفایل کوچک 09 - Complete the mini profile component

  • 10 - Complete the post card of the feed section-تکمیل کارت پست بخش فید 10 - Complete the post card of the feed section

  • 11 - Add like functionality to the post card-افزودن قابلیت لایک به کارت پست 11 - Add like functionality to the post card

  • 12 - Add comment functionality to the post card-افزودن قابلیت نظر به کارت پست 12 - Add comment functionality to the post card

  • 13 - Deploy to Vercel-استقرار در Vercel 13 - Deploy to Vercel

Project - X Clone-پروژه - شبیه ساز X Project - X Clone

  • 00 - Project preview of X clone-پیش‌نمایش پروژه شبیه ساز X 00 - Project preview of X clone

  • 01 - Install Next.js and Tailwind CSS and create the first template-نصب Next.js و Tailwind CSS و ایجاد اولین قالب 01 - Install Next.js and Tailwind CSS and create the first template

  • 02 - Create pages and routes as well as components-ایجاد صفحات و مسیرها و همچنین کامپوننت‌ها 02 - Create pages and routes as well as components

  • 03 - Modify the sidebar component-اصلاح کامپوننت سایدبار 03 - Modify the sidebar component

  • 04 - Update the News component-به‌روزرسانی کامپوننت News 04 - Update the News component

  • 05 - Add next-auth and modify the sidebar component-افزودن next-auth و اصلاح کامپوننت سایدبار 05 - Add next-auth and modify the sidebar component

  • 06 - Add mini profile to the sidebar component-افزودن پروفایل کوچک به کامپوننت سایدبار 06 - Add mini profile to the sidebar component

  • 07 - Add input component and update the home page-افزودن کامپوننت ورودی و به‌روزرسانی صفحه اصلی 07 - Add input component and update the home page

  • 08 - Add Firebase storage and complete file upload functionality-افزودن ذخیره‌سازی Firebase و تکمیل قابلیت آپلود فایل 08 - Add Firebase storage and complete file upload functionality

  • 09 - Add upload post functionality to the firestore-افزودن قابلیت آپلود پست به فایربیس 09 - Add upload post functionality to the firestore

  • 10 - Add feed component and update the home page-افزودن کامپوننت فید و به‌روزرسانی صفحه اصلی 10 - Add feed component and update the home page

  • 11 - Add icons component to the post component-افزودن کامپوننت آیکون به کامپوننت پست 11 - Add icons component to the post component

  • 12 - Update Icons component to handle likes-به‌روزرسانی کامپوننت آیکون برای مدیریت لایک‌ها 12 - Update Icons component to handle likes

  • 13 - Update deletePost function in Icons component to handle post deletion-به‌روزرسانی تابع deletePost در کامپوننت آیکون برای مدیریت حذف پست 13 - Update deletePost function in Icons component to handle post deletion

  • 14 - Install and implement recoil-نصب و پیاده‌سازی recoil 14 - Install and implement recoil

  • 15 - Add react-modal package and update CommentModal component-افزودن پکیج react-modal و به‌روزرسانی کامپوننت CommentModal 15 - Add react-modal package and update CommentModal component

  • 16 - Add comment functionality to the commentModal component and update Icons co-افزودن قابلیت نظر به کامپوننت commentModal و به‌روزرسانی کامپوننت آیکون 16 - Add comment functionality to the commentModal component and update Icons co

  • 17 - Update PostPage component to fetch data from Firestore and display post det-به‌روزرسانی کامپوننت PostPage برای دریافت داده از فایربیس و نمایش جزئیات پست 17 - Update PostPage component to fetch data from Firestore and display post det

  • 18 - Add Comments component and update PostPage to display comments-افزودن کامپوننت نظرات و به‌روزرسانی PostPage برای نمایش نظرات 18 - Add Comments component and update PostPage to display comments

  • 19 - Add like functionality to Comment component-افزودن قابلیت لایک به کامپوننت نظر 19 - Add like functionality to Comment component

  • 20 - Deploy to Vercel-استقرار در Vercel 20 - Deploy to Vercel

Project - Next Authentication using MongoDb, Mongoose and Clerk-پروژه - احراز هویت Next با استفاده از MongoDb، Mongoose و Clerk Project - Next Authentication using MongoDb, Mongoose and Clerk

  • Intro-مقدمه Intro

  • Install Next.js and Tailwind CSS and create the first the template of the projec-نصب Next.js و Tailwind CSS و ایجاد اولین قالب پروژه Install Next.js and Tailwind CSS and create the first the template of the projec

  • Create the header component-ایجاد کامپوننت هدر Create the header component

  • Clerk documentation-مستندات Clerk Clerk documentation

  • Add Authentication using Clerk-افزودن احراز هویت با استفاده از Clerk Add Authentication using Clerk

  • Sync Clerk data to our application with webhooks-همگام‌سازی داده‌های Clerk با برنامه ما با استفاده از وب‌هوک‌ها Sync Clerk data to our application with webhooks

  • Add mongoDb and mongoose to save user data from Clerk-افزودن mongoDb و mongoose برای ذخیره داده‌های کاربر از Clerk Add mongoDb and mongoose to save user data from Clerk

  • Complete Home and About pages-تکمیل صفحات اصلی و درباره ما Complete Home and About pages

Social Media App (X Clone) using MongoDb, Mongoose and Clerk-برنامه شبکه‌های اجتماعی (شبیه ساز X) با استفاده از MongoDb، Mongoose و Clerk Social Media App (X Clone) using MongoDb, Mongoose and Clerk

  • Intro-مقدمه Intro

  • 01 - Install next.js and tailwind css and create the first template-نصب next.js و tailwind css و ایجاد اولین قالب 01 - Install next.js and tailwind css and create the first template

  • 02 - Create pages and routes-ایجاد صفحات و مسیرها 02 - Create pages and routes

  • 03 - Add the sidebars components-افزودن کامپوننت‌های سایدبار 03 - Add the sidebars components

  • Clerk documentation-مستندات Clerk Clerk documentation

  • 04 - Add authentication using Clerk-افزودن احراز هویت با استفاده از Clerk 04 - Add authentication using Clerk

  • 05 - Sync clerk data using webhook-همگام‌سازی داده‌های Clerk با استفاده از وب‌هوک 05 - Sync clerk data using webhook

  • 06 - Add mongoDb and save users from clerk-افزودن mongoDb و ذخیره کاربران از Clerk 06 - Add mongoDb and save users from clerk

  • 07 - Update the sidebar component to display user information-به‌روزرسانی کامپوننت سایدبار برای نمایش اطلاعات کاربر 07 - Update the sidebar component to display user information

  • 08 - Add input component and update the home page-افزودن کامپوننت ورودی و به‌روزرسانی صفحه اصلی 08 - Add input component and update the home page

  • 09 - Add Firebase storage and complete file upload functionality-افزودن ذخیره‌سازی Firebase و تکمیل قابلیت آپلود فایل 09 - Add Firebase storage and complete file upload functionality

  • 10 - Complete upload post functionality-تکمیل قابلیت آپلود پست 10 - Complete upload post functionality

  • 11 - Add feed component to the home page to show the recent post-افزودن کامپوننت فید به صفحه اصلی برای نمایش آخرین پست 11 - Add feed component to the home page to show the recent post

  • 12 - Add like functionality to the post component-افزودن قابلیت لایک به کامپوننت پست 12 - Add like functionality to the post component

  • 13 - Add delete functionality to the post component-افزودن قابلیت حذف به کامپوننت پست 13 - Add delete functionality to the post component

  • 14 - Install and implement recoil-نصب و پیاده‌سازی recoil 14 - Install and implement recoil

  • 15 - Add react-modal package and implement CommentModal component-افزودن پکیج react-modal و پیاده‌سازی کامپوننت CommentModal 15 - Add react-modal package and implement CommentModal component

  • 16 - Add comment functionality to the commentModal component-افزودن قابلیت نظر به کامپوننت commentModal 16 - Add comment functionality to the commentModal component

  • 17 - Complete the post page-تکمیل صفحه پست 17 - Complete the post page

  • 18 - Complete the user page-تکمیل صفحه کاربر 18 - Complete the user page

  • 19 - Complete search functionality and search page-تکمیل قابلیت جستجو و صفحه جستجو 19 - Complete search functionality and search page

Blog App With Admin Dashboard using MongoDb, Mongoose and Clerk-برنامه بلاگ با داشبورد مدیر با استفاده از MongoDb، Mongoose و Clerk Blog App With Admin Dashboard using MongoDb, Mongoose and Clerk

  • 01 - Intro-مقدمه 01 - Intro

  • 02 - Clerk documentation-مستندات Clerk 02 - Clerk documentation

  • 03 - Install Next.js and Tailwind css and create the first template-نصب Next.js و Tailwind css و ایجاد اولین قالب 03 - Install Next.js and Tailwind css and create the first template

  • 04 - Create the header section-ایجاد بخش هدر 04 - Create the header section

  • 05 - Add next-themes to apply dark mode-افزودن next-themes برای اعمال حالت تاریک 05 - Add next-themes to apply dark mode

  • 06 - Add authentication using Clerk-افزودن احراز هویت با استفاده از Clerk 06 - Add authentication using Clerk

  • 07 - Sync Clerk data to your application with webhooks-همگام‌سازی داده‌های Clerk با برنامه شما با وب‌هوک‌ها 07 - Sync Clerk data to your application with webhooks

  • 08 - Add mongoDb and save users from Clerk-افزودن mongoDb و ذخیره کاربران از Clerk 08 - Add mongoDb and save users from Clerk

  • 09 - Add the create post page UI and protect it as an admin-افزودن رابط کاربری صفحه ایجاد پست و محافظت از آن به عنوان مدیر 09 - Add the create post page UI and protect it as an admin

  • 10 - Complete upload post image functinality-تکمیل قابلیت آپلود تصویر پست 10 - Complete upload post image functinality

  • 11 - Complete upload post functionality-تکمیل قابلیت آپلود پست 11 - Complete upload post functionality

  • 12 - Complete post page functionality-تکمیل قابلیت صفحه پست 12 - Complete post page functionality

  • 13 - Add recent article section to the post page-افزودن بخش مقالات اخیر به صفحه پست 13 - Add recent article section to the post page

  • 14 - Complete the home page-تکمیل صفحه اصلی 14 - Complete the home page

  • 15 - Complete the search page-تکمیل صفحه جستجو 15 - Complete the search page

  • 16 - Add the remaining pages like about, projects, and the footer-افزودن صفحات باقی‌مانده مانند درباره ما، پروژه‌ها و فوتر 16 - Add the remaining pages like about, projects, and the footer

  • 17 - Complete the profile page in the dashboard-تکمیل صفحه پروفایل در داشبورد 17 - Complete the profile page in the dashboard

  • 18 - Show the user posts in the dashboard-نمایش پست‌های کاربر در داشبورد 18 - Show the user posts in the dashboard

  • 19 - Show the users inside the dashboard-نمایش کاربران در داشبورد 19 - Show the users inside the dashboard

  • 20 - Complete the app overview inside the admin dashboard-تکمیل نمای کلی برنامه در داشبورد مدیر 20 - Complete the app overview inside the admin dashboard

Real Estate Project With Admin Dashboard using MongoDb, Mongoose and Clerk-پروژه املاک و مستغلات با داشبورد مدیر با استفاده از MongoDb، Mongoose و Clerk Real Estate Project With Admin Dashboard using MongoDb, Mongoose and Clerk

  • 01 - Intro-مقدمه 01 - Intro

  • 02 - Clerk documentation-مستندات Clerk 02 - Clerk documentation

  • Install next.js and tailwind css and create the first template-نصب next.js و tailwind css و ایجاد اولین قالب Install next.js and tailwind css and create the first template

  • 04 - Add the header component-افزودن کامپوننت هدر 04 - Add the header component

  • 05 - Add authentication using Clerk-افزودن احراز هویت با استفاده از Clerk 05 - Add authentication using Clerk

  • 06 - Sync Clerk data to your app with webhooks-همگام‌سازی داده‌های Clerk با برنامه شما با وب‌هوک‌ها 06 - Sync Clerk data to your app with webhooks

  • 07 - Add mongodb and save users from Clerk-افزودن mongodb و ذخیره کاربران از Clerk 07 - Add mongodb and save users from Clerk

  • 08 - Complete the create listing page UI-تکمیل رابط کاربری صفحه ایجاد لیستینگ 08 - Complete the create listing page UI

  • 09 - Complete upload listing images functionality-تکمیل قابلیت آپلود تصاویر لیستینگ 09 - Complete upload listing images functionality

  • 10 - Complete create listing page-تکمیل صفحه ایجاد لیستینگ 10 - Complete create listing page

  • 11 - Complete update listing page-تکمیل صفحه به‌روزرسانی لیستینگ 11 - Complete update listing page

  • 12 - Complete the listing page-تکمیل صفحه لیستینگ 12 - Complete the listing page

  • 13 - Complete the home and about pages-تکمیل صفحات اصلی و درباره ما 13 - Complete the home and about pages

  • 14 - Complete the search page-تکمیل صفحه جستجو 14 - Complete the search page

Movie app (IMDB Clone) using MongoDb, Mongoose and Clerk-برنامه فیلم (شبیه ساز IMDB) با استفاده از MongoDb، Mongoose و Clerk Movie app (IMDB Clone) using MongoDb, Mongoose and Clerk

  • 01 - Intro-مقدمه 01 - Intro

  • 02 - Install nextjs and tailwind css and create the first template-نصب nextjs و tailwind css و ایجاد اولین قالب 02 - Install nextjs and tailwind css and create the first template

  • 02 - Install nextjs and tailwind css and create the first template-نصب nextjs و tailwind css و ایجاد اولین قالب 02 - Install nextjs and tailwind css and create the first template

  • 03 - Add Header component and update the layout structure-افزودن کامپوننت هدر و به‌روزرسانی ساختار چیدمان 03 - Add Header component and update the layout structure

  • 04 - Add dark mode functionality-افزودن قابلیت حالت تاریک 04 - Add dark mode functionality

  • Clerk authentication-احراز هویت Clerk Clerk authentication

  • 05 - Integrate Clerk authentication with the app-ادغام احراز هویت Clerk با برنامه 05 - Integrate Clerk authentication with the app

  • 06 - Sync Clerk data to your app with webhooks-همگام‌سازی داده‌های Clerk با برنامه شما با وب‌هوک‌ها 06 - Sync Clerk data to your app with webhooks

  • 07 - Add mongodb to connect clerk and the database-افزودن mongodb برای اتصال Clerk و پایگاه داده 07 - Add mongodb to connect clerk and the database

  • 08 - Add About page with application description-افزودن صفحه درباره ما با توضیحات برنامه 08 - Add About page with application description

  • 09 - Add Navbar component and TopPages route-افزودن کامپوننت ناوبار و مسیر TopPages 09 - Add Navbar component and TopPages route

  • 10 - Fetch and display movies and add Results and Card components-دریافت و نمایش فیلم‌ها و افزودن کامپوننت‌های نتایج و کارت 10 - Fetch and display movies and add Results and Card components

  • 11 - Add error handling component and refactor genre parameter extraction-افزودن کامپوننت مدیریت خطا و بازسازی استخراج پارامتر ژانر 11 - Add error handling component and refactor genre parameter extraction

  • 12 - Add MoviePage component for movie details display-افزودن کامپوننت MoviePage برای نمایش جزئیات فیلم 12 - Add MoviePage component for movie details display

  • 13 - Add SearchBox component and implement search functionality-افزودن کامپوننت SearchBox و پیاده‌سازی قابلیت جستجو 13 - Add SearchBox component and implement search functionality

  • 14 - Add favorites functionality with API routes and UI components-افزودن قابلیت موارد دلخواه با مسیرهای API و کامپوننت‌های رابط کاربری 14 - Add favorites functionality with API routes and UI components

  • 15 - Inngest documentation-مستندات Inngest 15 - Inngest documentation

  • 16 - Add AI-powered content creation using Google Gemini and Inngest-افزودن ایجاد محتوای هوش مصنوعی با استفاده از Google Gemini و Inngest 16 - Add AI-powered content creation using Google Gemini and Inngest

Sleep Tracker-ردیاب خواب Sleep Tracker

  • Intro-مقدمه Intro

  • 02 - Install Next.js and Tailwind CSS and create the first template-نصب Next.js و Tailwind CSS و ایجاد اولین قالب 02 - Install Next.js and Tailwind CSS and create the first template

  • Neon Documentation-مستندات Neon Neon Documentation

  • 03 - Install Neon and Prisma-نصب Neon و Prisma 03 - Install Neon and Prisma

  • Clerk Documentation-مستندات Clerk Clerk Documentation

  • 04 - Add Clerk authentication and user management features-افزودن احراز هویت Clerk و قابلیت‌های مدیریت کاربر 04 - Add Clerk authentication and user management features

  • 05 - Add About and Contact pages, implement Footer and Guest components-افزودن صفحات درباره ما و تماس با ما، پیاده‌سازی کامپوننت‌های فوتر و مهمان 05 - Add About and Contact pages, implement Footer and Guest components

  • 06 - Implement AddSleepRecord action and AddNewRecord component for sleep tracki-پیاده‌سازی اکشن AddSleepRecord و کامپوننت AddNewRecord برای ردیابی خواب 06 - Implement AddSleepRecord action and AddNewRecord component for sleep tracki

  • 07 - Add getRecords action, RecordChart component-افزودن اکشن getRecords، کامپوننت RecordChart 07 - Add getRecords action, RecordChart component

  • 08 - Add getUserRecord action and AverageSleep component-افزودن اکشن getUserRecord و کامپوننت AverageSleep 08 - Add getUserRecord action and AverageSleep component

  • 09 - Add BestWorstSleep component-افزودن کامپوننت BestWorstSleep 09 - Add BestWorstSleep component

  • 10 - Add deleteRecord action and RecordHistory component-افزودن اکشن deleteRecord و کامپوننت RecordHistory 10 - Add deleteRecord action and RecordHistory component

  • 11 - Deploy to Vercel-استقرار در Vercel 11 - Deploy to Vercel

Archives-بایگانی‌ها Archives

  • Project - IMDb Clone (Next 13)-پروژه - شبیه ساز IMDb (Next 13) Project - IMDb Clone (Next 13)

  • Project - Google Clone (Next 13)-پروژه - شبیه ساز گوگل (Next 13) Project - Google Clone (Next 13)

  • Project - IMDb Clone (Next 12)-پروژه - شبیه ساز IMDb (Next 12) Project - IMDb Clone (Next 12)

  • Project - Google Clone (Next 12)-پروژه - شبیه ساز گوگل (Next 12) Project - Google Clone (Next 12)

  • Project - Instagram Clone (Next 12)-پروژه - شبیه ساز اینستاگرام (Next 12) Project - Instagram Clone (Next 12)

  • Project - Twitter Clone (Next 12)-پروژه - شبیه ساز توییتر (Next 12) Project - Twitter Clone (Next 12)

آموزش Microsoft Azure Security Center: امنیت منابع ابری

آموزش Microsoft Azure Security Center: امنیت منابع ابری

Microsoft Azure Security Center: Securing Cloud Resources

آموزش ایجاد هنر کاکتوس ترکیبی با بافت بسیار بالا شامل 25 برس و دارایی رسانه های ترکیبی

آموزش ایجاد هنر کاکتوس ترکیبی با بافت بسیار بالا شامل 25 برس و دارایی رسانه های ترکیبی

Procreate Highly Textural Mixed Media Cactus Art Including 25 Brushes and Mixed Media Assets

آموزش ویرایش ویدیوی رایانه شخصی Capcut دسکتاپ برای مبتدیان کامل با پشتیبانی از هوش مصنوعی تولیدی بخش 2

آموزش ویرایش ویدیوی رایانه شخصی Capcut دسکتاپ برای مبتدیان کامل با پشتیبانی از هوش مصنوعی تولیدی بخش 2

Capcut Desktop PC Video Editing Tutorial for Complete Beginners With Generative AI Support PART 2

نمایش نظرات

آموزش پروژه‌های Next.js - ۹ پروژه با NextJS 15 (اینستاگرام، گوگل)
جزییات دوره
72 hours
163
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
92,371
4.3 از 5
ندارد
دارد
دارد

https://donyad.com/d/2b53a9

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dr. Sahand Ghavidel Dr. Sahand Ghavidel

سهند قویدل دارای مدرک ریاضی ، برق و علوم کامپیوتر است و مدرک دکترا را از دانشکده مهندسی و فناوری اطلاعات دانشگاه سیدنی اخذ کرده است. سهند بیش از 10 سال در مورد الگوریتم های مصنوعی و بهینه سازی تحقیق کرده است. وی چندین جایزه برای تحقیقات برجسته خود کسب کرده است و بیش از 40 مجله ISI منتشر کرده و در بسیاری از کنفرانس های بین المللی شرکت کرده است. به گفته google scholar (آوریل 2021) ، تعداد افرادی که از نشریات سهند استفاده می کنند و به آنها استناد می کنند ، بسیار زیاد است که بیش از 1600 مورد استناد است. وی همچنین به عنوان منتقد برجسته در مجله بین المللی به نام "International Journal of Electrical Power & Energy Systems" با CiteScore 5.79 به دلیل مشارکت وی در افزایش کیفیت مجله ، جایزه دریافت کرد. سهند بیش از 15 سال سابقه برنامه نویسی دارد. اولین زبان برنامه نویسی که او آموخت در 12 سالگی بصری بود. از آن زمان ، او با زبان های برنامه نویسی مختلفی مانند جاوا اسکریپت و پایتون کار کرده است.