nextjs website boilerplate

Next.js موقع Boilerplate

قالب موقع ويب يفي ببعض متطلبات الموقع الشائعة بما في ذلك الصفحات الديناميكية ومقالات المدونة وإدارة المؤلف وقدرة كبار المسئولين الاقتصاديين ونموذج الاتصال والبحث عن موقع الويب. الترحيب بالمساهمات!

العرض التوضيحي

انقر هنا لعرض العرض التوضيحي

اقرأ كيف تم بناء هذا التطبيق

سمات

1. تستجيب بالكامل للهاتف المحمول مع الواجهة الأمامية
   
2. SEO جاهز
   
3. نموذج جهة اتصال يرسل بريدًا إلكترونيًا إلى بريدك الإلكتروني الذي يختار
   
4. وظائف البحث في الموقع الكامل
   
5. تتم إدارة جميع المحتوى بسهولة في الكونية بما في ذلك الصفحات والمدونة ومعلومات الاتصال.

اشترك في Cosmic لتثبيت المحتوى التجريبي ونشر هذا الموقع.

ابدء

git clone https://github.com/cosmicjs/nextjs-website-boilerplate
cd nextjs-website-boilerplate
npm install

# Run in development and serve at localhost:3000
npm run dev

# build for production
npm run build

# Run in production and serve at localhost:3000
COSMIC_BUCKET=your-bucket-slug npm start

استيراد ملف bucket.json في دلوك الكوني. للقيام بذلك ، انتقل إلى إعدادات الدلو> إعدادات الاستيراد / التصدير.

Contact Form Setup

تثبيت ونشر وظيفة البريد الإلكتروني sendGrid.

يستخدم نموذج الاتصال في صفحة الاتصال وظيفة البريد الإلكتروني SendGrid لإرسال رسائل البريد الإلكتروني. لنشر وظيفة بريدك الإلكتروني ، انتقل إلى الإعدادات> الإعدادات> وظائف. تثبيت ونشر وظيفة sendGrid. ستحتاج إلى حساب مع SendGrid لإضافة مفتاح SendGrid API الخاص بك.

أضف نقطة نهاية وظيفة SendGrid

في التنمية

انتقل إلى config/index.js وتحرير SENDGRID_FUNCTION_ENDPOINT لإضافة عنوان URL يدويًا للاختبار.

في الإنتاج

إذا كنت تستخدم خيار استضافة الويب الذي يتم تضمينه مع كل دلو:

1. انتقل إلى الإعدادات> إعدادات الويب الخاصة بك> استضافة الويب
2. نشر موقع الويب الخاص بك
3. انقر فوق علامة التبويب "تعيين متغيرات البيئة" وأضف نقطة نهاية وظيفة SendGrid:

مفتاح	قيمة
sendGrid_Function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email