آموزش وبلاگ کامل با استفاده از Next.js و GraphCms

Full-stack Blog using Next.js & GraphCms

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره:

      در این دوره ما یک وبلاگ تمام پشته با استفاده از Next.js GraphCms می سازیم تا وبلاگی سریع، مقیاس پذیر، سازگار با SEO و Static ایجاد کنیم، در زیر آنچه می خواهیم برای ساخت این پروژه استفاده کنیم:

      • Html.
      • CSS ( هیچ چارچوب CSS برای استایل استفاده نخواهد شد).
      • جاوا اسکریپت.
      • React.js
      • Next.js
      • متغیرهای محیطی
      • GraphCMS
      • کتابخانه های جاوا اسکریپت:
        • Date-fns
        • GraphQL-درخواست

      برای پروژه کلاسی، دانش آموزان باید تصاویر پروژه تمام شده را با لمس خود به اشتراک بگذارند، این می تواند استایل، کل طرح یا حتی اضافه کردن طرحواره های دیگر در graphCMS و استفاده از آنها در وب سایت باشد، به عنوان مثال: افزودن یک طرح برای نویسندگان وب سایت و نمایش نام نویسنده همراه با پست یا افزودن توضیحات برای هر پست که فقط در صفحه اصلی قابل نمایش است...


      سرفصل ها و درس ها

      درس ها Lessons

      • در حال واکشی تک پست Fetching single post

      • ایجاد طرحواره ها Creating Schemas

      • ایجاد یک پست Creating a post

      • اضافه کردن عنوان به صفحات Adding titles to the pages

      • یک فاویکون سفارشی اضافه کنید Add a custom favicon

      • راه اندازی پروژه Setting up the project

      • ایجاد لفاف Creating a wrapper

      • در حال واکشی پست ها Fetching posts

      • معرفی دوره Course Intro

      • واکشی دسته ها Fetching the categories

      • مرتب کردن پست ها بر اساس تاریخ Sort posts by date

      • سفارشی کردن تاریخ Customizing the date

      • ایجاد هدر Creating the header

      • اپلیکیشن nextjs بسازید Create nextjs application

      • اضافه کردن نشان دسته Adding a category badge

      • ایجاد صفحه دسته بندی Creating Category page

      • سفارشی کردن صفحه پست Customizing post page

      • یک اکانت graphcms بسازید Make a graphcms account

      نمایش نظرات

      نظری ارسال نشده است.

      آموزش وبلاگ کامل با استفاده از Next.js و GraphCms
      خرید اشتراک و دانلودخرید تکی و دانلود | 210,000 تومان (5 روز مهلت دانلود ) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 2 تا 14 ساعت می باشد.
      جزییات دوره
      1h 54m
      18
      Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
      (آخرین آپدیت)
      230
      - از 5
      ندارد
      دارد
      دارد
      Atlas C.
      جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

      Google Chrome Browser

      Internet Download Manager

      Pot Player

      Winrar

      Atlas C. Atlas C.

      توسعه دهنده وب حرفه ای