nextjs + ant-design

شرح پروژه

سلام

هدف ساخت یک پروژه با فریم ورک next.js جهت نمایش صفحات static می باشد، که از ۳ نوع زیر میباشند:

１.  یک بلاگ

２.  صفحات ساده .md مثل صفحه about me

３.  FAQ

تمام پست ها و متون صفحه ها در یک cms رایگان با اسم graphcms  ذخیره میشود و استاندارد ارتباط بین پروژه nextjs  و cms گراف کیو ال خواهد بود. برای تک تک این موارد کد مربوطه خیلی ساده و قابل فهم از قبل نوشته شده. برای UI لازم هست فقط از لایبراری ant-design استفاده شود.

معیار برای قضاوت پایان پروژه عبارت خواهد بود:

1.      کد تمیز و حرفه ای نوشته شده باشد.

2.     UI ها دقیقا عین همان شکلی که خواسته شده در بیاید (که البته با توجه به سادگی بلاگ، کار پیچیده ای نخواهد بود).

جزییات:

1.     UI

برای بلاگ عینا شبیه این لینک https://graphcms.com/blog

برای صفحه های FAQ و استاتیک متناسب طراحی کنید.

2.     استفاده از گراف کیو ال +‌nextjs یک مثال ساده:

3.     GraphCMS + GraphQL + NextJs

یک اکانت رایگان بسازید. از روی تمپلیت بلا گ یک پروژه بسازید و با اسکیما ها دقت کنید. همچینین یک graphql playground هم در آنجا وجود دارد تا query  ها موجود رو ببینید. البته ما تنها با تعداد خیلی کمی از query ها کار داریم که برای آنها هم مثال نوشته شده ساده و قابل فهم وجود دارد:

https://github.com/GraphCMS/graphcms-examples/blob/master/with-nextjs/src/pages/index.js

4.     همچنین برای image ها از کامپوننت graphcms-image استفاده کنید. برای تبدیل عکس ها در متون .md میتونید از کامپوننت nextjs-mdx استفاده کنید، یک نمونه کد ساده و قابل فهم رو اینجا می تونید ببینید:

https://github.com/GraphCMS/graphcms-examples/blob/master/with-nextjs-mdx-remote/src/pages/products/%5Bslug%5D.js

5.     همچنین برای نشون دادن همه پست ها از infinite-scrolling  استفاده کنید.

6.     هر سه مورد صفحه های استاتیک باید آپشن جستجو داشته باشند. Graphcms از search پشتیبانی نمی کنه برای سرچ از سرویس algolia استفاده کنید. باید یک اکانت بسازید و از طریق تعریف webhooks در graphcms دیتابیس algolia رو آپدیت کنید که اینم بسیار ساده هست و برای سرچ هم چند خط کد بیشتر نیاز نیست که اون هم اینجا وجود داره:

https://graphcms.com/blog/sync-content-to-algolia-with-graphcms-webhooks

با تشکر

این پروژه شامل 1 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

درباره کارفرما

کاربر598220

عضویت هشت سال پیش

87 پروژه ثبت شده ،

0 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 45%