الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

لقطة شاشة

Bartosz Jarocki - موقع الويب الشخصي المصمم باستخدام Next.js والفكرة كـ CMS مقطوعة الرأس

هذا هو موقع الويب الخاص بي الشخصي الذي تم تصميمه باستخدام

  • TypeScript
  • القادم ي
  • مفهوم API
  • الموضوعات القادمة
  • Tailwind CSS
  • التالي
  • Vercel og

الجري محليا

لتشغيل التطبيق ، يجب تحديد عدد قليل من متغيرات البيئة (في .env.local ):

  1. NEXT_PUBLIC_URL - يستخدم لإنشاء عناوين URL المطلقة ، على سبيل المثال الروابط الكنسية وصور الرسم البياني المفتوح
  2. NOTION_TOKEN - يستخدم بواسطة عميل API المفهوم ، معلومات غير موجودة هنا
  3. NOTION_DATABASE_ID - تستخدم لجلب الملاحظات/قائمة منشورات المدونة

هناك تنسيق بيانات معين لقاعدة بيانات فكرة يحتاجها التطبيق. عند جلب محتوى قاعدة البيانات ، يتوقع التطبيق تكوين الخصائص التالية في قاعدة البيانات:

  1. id
  2. created_time
  3. last_edited_time
  4. cover
  5. hashtags
  6. title
  7. description
  8. slug يستخدم كملاحظات على سبيل المثال في /notes/hello-world سيكون Slug hello-world
  9. published - يستخدم لتصفية الملاحظات غير المنشورة من قائمة الملاحظات المتاحة
  10. publishedAt
  11. inProgress - يستخدم لعرض Work in progress في قائمة الملاحظات

إليك كيف يجب أن تبدو قاعدة البيانات الموجودة في الفكرة:

فكرة

بعد تحديد متغيرات البيئة وقاعدة بيانات فكرةك ، قم بتشغيل التطبيق 

git clone https://github.com/BartoszJarocki/web-jarocki-me
cd web-jarocki-me
yarn
yarn dev

صور OG جيل

ينشئ التطبيق صور الرسم البياني المفتوح تلقائيًا باستخدام وظائف Lambda و Puppetter

مثال الصفحة الرئيسية

مثال نشر المدونة

الاعتمادات

تصميم مستوحى بشكل كبير من قالب الضوء على واجهة مستخدم Tailwind

نشر إلى Vercel

رخصة

معهد ماساتشوستس للتكنولوجيا

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل