Yc-directory / بلوج عن ال startups

YC Directory هو ويب أب معمول كبلوج مخصوص للشركات الناشئة، معمول بأحدث التقنيات علشان يكون سريع، شكله حلو، وسهل في الاستخدام.

أهم المميزات:

الصفحة الرئيسية: فيها كل البوستات الخاصة بالستارت أبس بتتصنف بشكل منظم وشيك.

تسجيل دخول بـ GitHub: استخدمت NextAuth علشان الناس تسجل دخول بحسابها على GitHub بكل سهولة وأمان.

️ لوحة تحكم بالمحتوى بـ Sanity: بتقدر تضيف وتعدل المحتوى لايف من خلال CMS احترافي بيشتغل ريـل تايم.

صفحة إنشاء بوست: تقدر تكتب وتنشر بوست جديد وانت لوج إن من غير ما تدخل على لوحة التحكم.

صفحة البروفايل: كل يوزر ليه صفحة فيها بوستاته ومعلوماته.

صفحة تفاصيل البوست: بتعرض كل بوست لوحده وفيها كمان عدد المشاهدات.

بيانات لحظية: أي تعديل في Sanity بيتحدث فوراً في الموقع من غير ريفرش.

️ تتبع الأخطاء بـ Sentry: لو حصلت مشكلة بتتوثق أوتوماتيك علشان أقدر أصلحها بسرعة.

التقنيات اللي استخدمتها:

Frontend:

React 19

Next.js 15

Tailwind CSS 4

Radix UI (للكومبوننتس الجاهزة زي الصور والأماكن المخصصة)

Lucide React (أيقونات خفيفة وجميلة)

Next Themes (لتغيير بين الوضع العادي والوضع الليلي)

tw-animate-css (علشان الانيميشنات تبقى سلسة)

Markdown-it و @uiw/react-md-editor (لدعم الكتابة بالماركداون)

Authentication:

next-auth@5 (بـ GitHub Login)

CMS:

Sanity Studio + Markdown Plugin

Realtime Queries بـ GROQ وnext-sanity

توليد تلقائي لأنواع TypeScript من سكيمات Sanity

Tooling:

TypeScript 5

ESLint 9

Nodemon

CVA + clsx (لتنسيق الكلاسات بشكل ديناميكي)

Tailwind Merge

Zod (للتحقق من صحة البيانات)

server-only (كود خاص بالسيرفر)

Slugify (روابط URL متوافقة مع SEO)

Sentry (لمتابعة أي أخطاء بتحصل في الموقع)