Vera: مدونة تقنية بـ Next.js وHeadless CMS

مدونة تقنية مبنية بـ Next.js، والمحتوى بيتدار من Headless CMS (GraphCMS) ويتجاب عن طريق GraphQL.

المميزات:

- صفحات بتتولد مسبقًا (Static Site Generation) بـ getStaticProps وgetStaticPaths، عشان الموقع يبقى سريع ومناسب لمحركات البحث.

- سلايدر للمقالات المميزة في الصفحة الرئيسية.

- تصنيفات، وصفحة لكل تصنيف فيها مقالاته.

- صفحة لكل مقال فيها المحتوى الكامل، وبيانات الكاتب، ومقالات مشابهة، والمقال السابق والتالي.

- نظام تعليقات بيتبعت عن طريق API Route في Next.js، عشان مفاتيح الـ CMS متتكشفش في المتصفح.

- قائمة بأحدث المقالات، وخلفية متحركة بـ tsParticles، وتصميم متجاوب.

التقنيات: Next.js، وReact، وGraphQL (graphql-request)، وGraphCMS، وTailwind CSS، وSass. الموقع مرفوع على Vercel.