next portfolio dev

محفظة أساسية للمطورين

نسخة غاتسبي

محفظة Gatsby-Portfolio

سمات

• TypeScript
• ESLINT/أجمل تكوين
• الدرجات 100 ٪ على A11Y / Performance / PWA / SEO
• من السهل التخصيص
• هيكل مشروع جميل
• الرسوم التوضيحية المذهلة من undraw.co
• قرص ودود بالهاتف المحمول
• النشر المستمر مع Vercel
• نموذج جهة اتصال محمية بواسطة Google Recaptcha مدعوم من FormSpree
• يمكن نشرها بنقرة واحدة
• يجلب مشاريع GitHub المثبتة مع معظم النجوم (يمكنك تخصيص هذا إذا كنت ترغب في ذلك) باستخدام ISR
• انقر نقرة واحدة إلى Vercel

تصميم

مشروع على behance

المتطلبات الأساسية

متصل

1. احصل على مفتاح Google Recaptcha من Google Recaptcha
2. احصل على رمز Github الخاص بك من Github
3. انقر ومرر في الخاص بك:

• الرمز المميز جيثب

إلى قسم متغيرات البيئة.

محليا

1. إنشاء حساب في FormSpree

2. تثبيت PNPM

3. احصل على رمز Github الخاص بك من Github

4. تشغيل cp .env.development.local.template .env.development.local

   إذا كنت ترغب في إنشاء موقع الويب محليًا ، فستحتاج إلى تشغيل cp .env.development.local.template .env.development.local أيضًا وتوفير متغيرات ENV الخاصة بك.

5. قم بتشغيل pnpm i && pnpm dev

   يمكنك تشغيل vercel env pull للحصول على متغيرات ENV من Vercel.

6. تأكد من تحرير ملف src/data/config.ts

    const config = {
     defaultTitle : 'John Doe' ,
     url : process . env . NEXT_PUBLIC_PORTFOLIO_URL ! ,
     defaultDescription : 'I’m John Doe and I’m a Software Engineer!' ,
     googleAnalyticsID : 'G-xxxxxx' ,
     twitter : '@smakosh' ,
   } ;

النشر محليًا إلى Vercel

أوصي بشدة أن تضغط على github/gitlab ونشر مستودعك إلى Vercel بدلاً من ذلك أو فقط اضغط على زر النشر.

بنيت مع

• Adobe XD
• القادم ي
• Tailwindcss
• TypeScript
• formspree
• vscode
• وهذه مفيدة من JavaScript Libraries Package.json

رخصة

تم ترخيص هذا المشروع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا - راجع ملف الترخيص. لمزيد من التفاصيل

المساهمين

خوسيه فرناندو هووير باربوسا

Elbarae rguig ؟

كارل هوركي ؟ ️

Moutawakkil محمد ؟

بهارات كاليان ق ؟

يدعم

إذا كنت تحب هذا قالب JS التالي وتريد أن تدعمني ، فيمكنك القيام بذلك من خلال ملف تعريف github الخاص بي.