آموزش وبلاگ کامل با استفاده از Next.js و GraphCms
Full-stack Blog using Next.js & GraphCms
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
در این دوره ما یک وبلاگ تمام پشته با استفاده از 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
https://donyad.com/d/afadca
Atlas C.
توسعه دهنده وب حرفه ای
نمایش نظرات