صفحة
أنشئ مواقع ويب سريعة للغاية باستخدام Notion وبسرعة الضوء ⚡️
إطلاق مواقع ويب سريعة ومتوافقة مع تحسين محركات البحث من Notion وGoogle Sheets وGitHub وAirtable مع Pagely
ما هو باجلي
Pagely عبارة عن منصة بدون تعليمات برمجية تساعدك على تشغيل مواقع الويب من تطبيقاتك المفضلة مثل Notion وGitHub وGoogle Sheets وAirtable والمزيد؟. بدلاً من السماح لك بالتعامل مع جميع عناصر تحسين محركات البحث (SEO)، فإن Pagely يجعلها تلقائيًا متوافقة مع تحسين محركات البحث (SEO) بالنسبة لك. لا تحب الأنماط الافتراضية لـ Notion؟ لا تقلق، يمكنك تعديل CSS حتى يرضيك. وإحدى الميزات المفضلة لدي هي النطاقات الفرعية المخصصة. يتيح لك Pagely اختيار النطاق الفرعي الذي تختاره على سبيل المثال. lalit.pagely.site، your-name.pagely.site، وما إلى ذلك... نعم، لقد فهمت الأمر بشكل صحيح - Hashnode يفعل ذلك أيضًا. كل ما عليك فعله هو كتابة محتوى موقع الويب الخاص بك في Notion وسيتم تحديث موقع الويب الخاص بك مباشرة وفي الوقت الفعلي!!. يمكنك إنشاء موقع ويب لمشروعك مفتوح المصدر على GitHub فقط عن طريق إضافة pagely.json أيضًا!!. . هناك الكثير من الميزات في Pagely.
سمات
- نطاقات فرعية مخصصة مجانية (مثل your-name.pagely.site)
- موقع التحديث المباشر
- إنشاء صور OG تلقائيًا ( ليس باستخدام محرك الدمى ؟ اقرأ المزيد لمعرفة ذلك)
- تصميم مخصص (مع CSS)
- علامات
<head> مخصصة (للتحليلات وعمليات التكامل اللانهائية) - اعرض مواقع الويب الخاصة بك في صفحة العرض
- مواقع سريعة للغاية
- النطاقات المخصصة (عبر حل بديل حتى يدعمها Vercel)
- أدلة تفصيلية حول كيفية دمج Pagely مع الصفحات الفرعية المختلفة
- الارتباطات الثابتة/المسارات الفرعية/المسارات الفرعية/ عناوين URL الجميلة المخصصة لصفحات Notion (قريبًا)
- حماية كلمة المرور لمواقع الويب (عبر تكامل StaticShield المدمج؟)
- عمليات تكامل قوية مثل Crisp.chat وDisqus وGoogle analytics وStripe وGumroad وما إلى ذلك.
- على Vercel. يتم تخزين موقع Pagely الخاص بك مؤقتًا على شبكة Vercel الطرفية
- خرائط الموقع التلقائية (قريبًا)
- الخطوط المخصصة والأيقونات المفضلة والمزيد
- طبقة المقابس الآمنة التلقائية ( https )
- إنشاء مواقع رهيبة من هاتفك المحمول ؟
- البحث عن النص الكامل للموقع بأكمله (قريبا)
- تسليط الضوء على بناء الجملة لكتل التعليمات البرمجية
- الوضع المظلم لجميع مواقع الويب (قادم غدًا)
- معاينة تويتر المباشرة لموقع الويب الخاص بك
بعض الروابط المفيدة
- الموقع المباشر → https://pagely.site
- جيثب الريبو → https://github.com/lalit2005/pagely
- عرض → https://pagely.site/showcase
- الأدلة → https://guides.pagely.site
- موقع مثال مع Notion → https://lalit.pagely.site
- موقع مثال مع GitHub → https://pagely-with-github.pagely.site/
مكدس التكنولوجيا
هذا هو أحد الأجزاء الأكثر إثارة للدهشة في المدونة. وذلك لأن Pagely تم تصميمه بالكامل باستخدام Jamstack. نعم، لقد سمعتني بشكل صحيح. تم إنشاء التطبيق بالكامل باستخدام Next.js (باستثناء خدمة إنشاء صور OG التلقائية)
- Next.js - إطار عمل React الأكثر روعة على هذا الكوكب
- كاتب - التوثيق
- TailwindCSS - التصميم
- Radix UI - مكتبة مكونات التفاعل البدائية
- واجهة مستخدم مقطوعة الرأس - مكتبة مكونات واجهة المستخدم
- Supabase (Postgres) - قاعدة البيانات
- بريزما - ORM لقاعدة البيانات
- أكسيوس - طلبات API
- رد فعل هوك النموذج - التحقق من صحة النموذج
- زود - التحقق من الصحة
- Web3forms - عمليات تقديم النماذج
- SWR - جلب البيانات عن بعد
- Typescript - التحقق من الكتابة
- فيرسل - استضافة
المساهمة
يمكنك المساهمة عن طريق تقديم النماذج أيضا!! لمزيد من التفاصيل قم بزيارة https://pagely.site/templates
- استنساخ هذا الريبو →
git clone https://github.com/Lalit2005/pagely - قم بإعداد متغيرات بيئة Clerk من لوحة معلومات Clerk
- قم بتدوير قاعدة بيانات Postgres مجانية في Supabase واحصل على عنوان URL/سلسلة الاتصال
- احصل على مفتاح API الخاص بك من Imgbb هنا (فقط إذا كنت تساهم في قسم تحميل الصور)
- تثبيت التبعيات →
yarn - قم بتشغيل التطبيق على المضيف المحلي →
yarn dev - إنشاء فرع جديد
- بمجرد الانتهاء من ميزة جديدة أو إصلاح الخلل، ما عليك سوى فتح ملف العلاقات العامة :)
تذكر أن تستخدم الالتزامات التقليدية .
- الإصلاح: <a bug> لإصلاح الأخطاء
- الفذ: <ميزة جديدة> لميزة جديدة
- عامل إعادة البناء: <a عامل إعادة بناء التعليمات البرمجية> لإعادة بناء التعليمات البرمجية
- العمل الرتيب: <bump lodash> أي شيء متعلق بخطوة البناء
- العمل الروتيني (deps): <bump lodash> لتحديث التبعية
- عمل روتيني (deps-dev): <bump vercel> لتحديث تبعية التطوير
- النمط: <أضف هامش> لأي شيء متعلق بتصميم التطبيق
ادعمني ☕️
إذا كنت ترغب في دعمي، هل يمكنك بجانبي تناول القهوة هنا؟
