برنامه نویسی

نحوه استقرار سایت استاتیک خود در Netlify

راه‌های مختلفی برای استقرار و میزبانی سایت‌های استاتیک پس از طراحی آن‌ها در دستگاه محلی‌تان وجود دارد. یک سایت استاتیک یک است وب سایتی که با کدهای HTML ساده، جاوا اسکریپت یا CSS ساخته شده است.
Netlify یک راه آسان برای استقرار و میزبانی پروژه های وب استاتیک بدون خرید نام دامنه و میزبانی است. Netlify همه چیز را برای شما انجام می دهد.

شروع شدن

در این مقاله خواهید آموخت که راه اندازی سایت استاتیک خود در نتلیفای چقدر ساده است. برای استقرار در Netlify به یک حساب کاربری نیاز دارید. شما یک سایت ثابت طراحی شده با HTML/CSS را مستقر خواهید کرد. برای ادغام سایر چارچوب‌ها مانند React.js/Next.js، اسناد Netlify را بررسی کنید.

پیش نیازها

برای پیروی از دستورالعمل‌های هر بخش، به تنظیمات زیر نیاز دارید:

  • یک ویرایشگر کد مانند VScode.
  • Git روی سیستم شما نصب شده است.

  • یک حساب کاربری با یک ارائه دهنده Git (GitHub/Bitbucket/Gitlab). GitHub در این مقاله استفاده خواهد شد.
  • اطمینان حاصل کنید که Node.js نصب شده است. برای بررسی نصب Node و npm، این کد را در ترمینال خود تایپ کنید:
node -v //press enter
//v16.13.1
npm -v //press enter
//8.3.0
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

با استفاده از Github در Netlify مستقر شوید

برای ایجاد یک مخزن در GitHub، یک ترمینال در VScode باز کنید و هر خط به خط فرمان را اجرا کنید و enter را فشار دهید. ارائه‌دهنده گیت مانند Github پروژه شما را به هم متصل می‌کند تا Netlify اجازه استقرار مداوم را بدهد. هر زمان که در پروژه خود تغییراتی ایجاد می کنید و به GitHub فشار می آورید، Netlify به طور خودکار سایت شما را مجدداً مستقر می کند و تغییراتی که ایجاد می کنید قابل مشاهده هستند.

echo "# My app" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/{your_username}/{your_repository_name}.git
git push -u origin main
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مخزن خود را در GitHub بررسی کنید، و باید چیزی شبیه به این داشته باشید.
مخزن Github

یک حساب کاربری در نتلیفای ایجاد کنید و به داشبورد نتلیفای خود وارد شوید.
صفحه اصلی Netlify

به تب Sites بروید، روی منوی کشویی Add New Site کلیک کنید و به مخزن GitHub خود متصل شوید.
به مخزن Github متصل شوید

از شما خواسته می شود تا به Netlify اجازه دسترسی به مخازن GitHub خود را بدهید. اگر نمی توانید جستجوی یک مخزن خاص را پیدا کنید، Configure the Netlify app on GitHub را انتخاب کنید.
یک مخزن انتخاب کنید

سپس، به پایین صفحه بروید و یا به Netlify اجازه دسترسی به تمام مخازن خود بدهید یا یک مخزن خاص را انتخاب کنید.
یک مخزن در Github انتخاب کنید

در نهایت، مخزن را انتخاب کنید و روی deploy کلیک کنید.
مستقر کنید

مرورگر شما سپس شما را به صفحه نمای کلی سایت هدایت می کند، جایی که می توانید به دنبال استقرار در لیست استقرارهای تولید باشید. پیوندی را برای باز کردن سایت مستقر خود انتخاب کنید.
صفحه نمای کلی سایت

با استفاده از Drag and Drop در Netlify مستقر شوید

به داشبورد Netlify خود وارد شوید، به تب Sites بروید و روی گزینه Add New Site کلیک کنید. Deploy manually یا browse را برای آپلود انتخاب کنید.
Netlify Drag and Drop

پوشه پروژه خود را بکشید و رها کنید و منتظر بمانید تا منتشر شود.

نتیجه

در این آموزش، یاد گرفتید که چگونه از Netlify برای استقرار پروژه (HTML/CSS) خود به صورت آنلاین با استفاده از Github و Manual Deploys استفاده کنید.
می‌توانید یک نام دامنه سفارشی را به سایت خود متصل کنید، فرم‌ها را برای مدیریت آسان به Netlify متصل کنید، یا برای بررسی ویژگی‌های بیشتر، اسناد را بررسی کنید.

فعلاً همین است. کد نویسی مبارک!

منابع

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا