یک وب سایت پرتفوی توسعه دهنده عالی بسازید.

ek3nk4r 2025-02-07

0 2 خواندن این مطلب 1 دقیقه زمان میبرد

یک وب سایت پرتفوی توسعه دهنده عالی بسازید.

پیشنهاد ویژه

خرید فالوور واقعی خرید لایک اینستاگرام خرید ویو اینستاگرام خرید فالوور اینستاگرام

به عنوان یک توسعه دهنده نرم افزار ، داشتن یک وب سایت پرتفوی قوی که می تواند توانایی ها و تجربیات ما را نشان دهد ، مهم است. برای کمک به سایر توسعه دهندگان ، من یک وب سایت نمونه کارها را با استفاده از Next ، Tailwind CSS و ایمیل طراحی کرده ام. در این مقاله ، من یک راهنمای گام به گام در مورد فرآیند تنظیم ، به همراه پیوند GitHub ارائه می دهم.

در اینجا پیش نمایش زنده:

شرح تصویر
مرحله 01:
کلون مخزن را با استفاده از و تغییر فهرست به توسعه دهنده-Portfolio.

git clone https://github.com/said7388/developer-portfolio.git
cd developer-portfolio

مرحله 02:
اکنون تمام بسته ها را با استفاده از آن نصب کنید npmیا yarnبشر

npm install
# or
yarn

پس از نصب ، همه بسته ها ، اکنون تمام داده های مربوط به استفاده/داده ها/* را مطابق با شما تغییر دهید. به عنوان مثال:

  export const personalData = {
  name: "Sarah trimech",
  profile: "/profile.png",
  designation: "Full-Stack web Developer",
  description: "My name is Sarah....",
  email: "Sarahtrimech456@gmail.com",
  phone: "+216 51637145",
  address: "tunis, Monastir",
  github: "https://github.com/Sarahtrimech/Sarahtrimech.git",
  facebook: "https://www.facebook.com/sarra.tremiche",
  linkedIn: "https://linkedin.com/in/sarah-trimech-48bb09336",
  instagram: "https://www.instagram.com/serah___tr?igshMWNtemRxYmd6NDJ3Mg",
  devUsername: "https://dev.to/trimech_sarah",
  resume: "...",
};

در devusernameخواص آن را با خود جایگزین کنید dev.to username و خواهد شد fetch تمام وبلاگ های شما dev.to وب سایت

مرحله 03:
اکنون ما خواهیم ساخت a .envپرونده و تنظیم ما Email.JS اعتبار در یک .envپرونده من استفاده می کنم EmailJsدر این پروژه برای کاربر ارسال نامه برای من و رایگان است. .env پرونده به شرح زیر خواهد بود:

STEP 04:
اکنون وب سایت Portfolio آماده اجرا است. می توانید آن را با استفاده از NPM یا نخ اجرا کنید.