{"id":96340,"date":"2025-02-07T01:05:56","date_gmt":"2025-02-06T21:35:56","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%db%8c%da%a9-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%be%d8%b1%d8%aa%d9%81%d9%88%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d8%af%d9%87%d9%86%d8%af%d9%87-%d8%b9%d8%a7%d9%84%db%8c-%d8%a8%d8%b3%d8%a7%d8%b2\/"},"modified":"2025-02-07T01:05:56","modified_gmt":"2025-02-06T21:35:56","slug":"%db%8c%da%a9-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%be%d8%b1%d8%aa%d9%81%d9%88%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d8%af%d9%87%d9%86%d8%af%d9%87-%d8%b9%d8%a7%d9%84%db%8c-%d8%a8%d8%b3%d8%a7%d8%b2","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%db%8c%da%a9-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%be%d8%b1%d8%aa%d9%81%d9%88%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d8%af%d9%87%d9%86%d8%af%d9%87-%d8%b9%d8%a7%d9%84%db%8c-%d8%a8%d8%b3%d8%a7%d8%b2\/","title":{"rendered":"\u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u067e\u0631\u062a\u0641\u0648\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0639\u0627\u0644\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f."},"content":{"rendered":"<div data-article-id=\"2263104\" id=\"article-body\">\n<p>\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u060c \u062f\u0627\u0634\u062a\u0646 \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u067e\u0631\u062a\u0641\u0648\u06cc \u0642\u0648\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0647\u0627 \u0648 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u0645\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u062f \u060c \u0645\u0647\u0645 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u06a9\u0645\u06a9 \u0628\u0647 \u0633\u0627\u06cc\u0631 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u060c \u0645\u0646 \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Next \u060c Tailwind CSS \u0648 \u0627\u06cc\u0645\u06cc\u0644 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647 \u0627\u0645. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u060c \u0645\u0646 \u06cc\u06a9 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u062f\u0631 \u0645\u0648\u0631\u062f \u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0646\u0638\u06cc\u0645 \u060c \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u067e\u06cc\u0648\u0646\u062f GitHub \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u0645.<\/p>\n<p><strong>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647:<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/media2.dev.to\/dynamic\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs4qxdqepn7dyg65x3025.png\" alt=\"\u0634\u0631\u062d \u062a\u0635\u0648\u06cc\u0631\" loading=\"lazy\" width=\"800\" height=\"378\" title=\"\"><br \/><strong>\u0645\u0631\u062d\u0644\u0647 01:<\/strong><br \/>\u06a9\u0644\u0648\u0646 \u0645\u062e\u0632\u0646 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0641\u0647\u0631\u0633\u062a \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647-Portfolio.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>git clone https:\/\/github.com\/said7388\/developer-portfolio.git\ncd developer-portfolio \n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0645\u0631\u062d\u0644\u0647 02:<\/strong><br \/>\u0627\u06a9\u0646\u0648\u0646 \u062a\u0645\u0627\u0645 \u0628\u0633\u062a\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f <code>npm<\/code>\u06cc\u0627 <code>yarn<\/code>\u0628\u0634\u0631<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>npm install\n# or\nyarn\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u067e\u0633 \u0627\u0632 \u0646\u0635\u0628 \u060c \u0647\u0645\u0647 \u0628\u0633\u062a\u0647 \u0647\u0627 \u060c \u0627\u06a9\u0646\u0648\u0646 \u062a\u0645\u0627\u0645 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647\/\u062f\u0627\u062f\u0647 \u0647\u0627\/* \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0634\u0645\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>  export const personalData = {\n  name: \"Sarah trimech\",\n  profile: \"\/profile.png\",\n  designation: \"Full-Stack web Developer\",\n  description: \"My name is Sarah....\",\n  email: \"Sarahtrimech456@gmail.com\",\n  phone: \"+216 51637145\",\n  address: \"tunis, Monastir\",\n  github: \"https:\/\/github.com\/Sarahtrimech\/Sarahtrimech.git\",\n  facebook: \"https:\/\/www.facebook.com\/sarra.tremiche\",\n  linkedIn: \"https:\/\/linkedin.com\/in\/sarah-trimech-48bb09336\",\n  instagram: \"https:\/\/www.instagram.com\/serah___tr?igshMWNtemRxYmd6NDJ3Mg\",\n  devUsername: \"https:\/\/dev.to\/trimech_sarah\",\n  resume: \"...\",\n};\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 <code>devusername<\/code>\u062e\u0648\u0627\u0635 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u062e\u0648\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f <code>dev.to<\/code> <code>username<\/code>  \u0648 \u062e\u0648\u0627\u0647\u062f \u0634\u062f <code>fetch<\/code> \u062a\u0645\u0627\u0645 \u0648\u0628\u0644\u0627\u06af \u0647\u0627\u06cc \u0634\u0645\u0627 <code>dev.to<\/code> \u0648\u0628 \u0633\u0627\u06cc\u062a<\/p>\n<p><strong>\u0645\u0631\u062d\u0644\u0647 03:<\/strong><br \/>\u0627\u06a9\u0646\u0648\u0646 \u0645\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0633\u0627\u062e\u062a <code>a .env<\/code>\u067e\u0631\u0648\u0646\u062f\u0647 \u0648 \u062a\u0646\u0638\u06cc\u0645 \u0645\u0627 <code>Email.JS<\/code> \u0627\u0639\u062a\u0628\u0627\u0631 \u062f\u0631 \u06cc\u06a9 <code>.env<\/code>\u067e\u0631\u0648\u0646\u062f\u0647 \u0645\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645 <code>EmailJs<\/code>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0631\u0633\u0627\u0644 \u0646\u0627\u0645\u0647 \u0628\u0631\u0627\u06cc \u0645\u0646 \u0648 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0633\u062a. .<code>env<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u0628\u0647 \u0634\u0631\u062d \u0632\u06cc\u0631 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f:<\/p>\n<p><code>STEP 04:<\/code><br \/>\u0627\u06a9\u0646\u0648\u0646 \u0648\u0628 \u0633\u0627\u06cc\u062a Portfolio \u0622\u0645\u0627\u062f\u0647 \u0627\u062c\u0631\u0627 \u0627\u0633\u062a. \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 NPM \u06cc\u0627 \u0646\u062e \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>npm run dev\n# or\nyarn dev\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06af\u0631 \u067e\u0631\u0648\u0698\u0647 \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627 \u0631\u0627 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u062f \u060c \u0644\u0637\u0641\u0627\u064b \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0645\u062e\u0632\u0646 GitHub \u0633\u062a\u0627\u0631\u0647 \u06a9\u0646\u06cc\u062f.<br \/>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0645\u0646 \u062f\u0631 LinkedIn \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u060c \u062f\u0627\u0634\u062a\u0646 \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u067e\u0631\u062a\u0641\u0648\u06cc \u0642\u0648\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0647\u0627 \u0648 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u0645\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u062f \u060c \u0645\u0647\u0645 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u06a9\u0645\u06a9 \u0628\u0647 \u0633\u0627\u06cc\u0631 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u060c \u0645\u0646 \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Next \u060c Tailwind CSS \u0648 \u0627\u06cc\u0645\u06cc\u0644 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647 \u0627\u0645. \u062f\u0631 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":96341,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media2.dev.to\/dynamic\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl1d208wx9ztp21m1djvp.png","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-96340","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/96340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=96340"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/96340\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/96341"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=96340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=96340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=96340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}