یک پروژه React از ابتدا ایجاد کنید
من می خواهم مراحلی را که هنگام ایجاد یک پروژه React جدید از ابتدا انجام می دهم به اشتراک بگذارم.
اول، من Next js را به عنوان چارچوب React انتخاب می کنم زیرا امروزه بهترین روشی است که توسط تیم React در اسناد جدیدی که اخیراً منتشر شده است توصیه می شود. علاوه بر این، بهتر از شروع یک پروژه React جدید با Create React App است، زیرا Next js ابزارها و ویژگیهای زیادی را در اختیار شما قرار میدهد و اگر به دنبال سئوی خوب برای وبسایت خود هستید، این بهترین رویکرد است.
ما مراحل ایجاد پروژه Next js در ماشین محلی و آپلود پروژه در GitHub را پوشش خواهیم داد.
مراحل
در پوشه ای که می خواهید پروژه را ایجاد کنید، دستور زیر را اجرا کنید:
npx create-next-app@latest –typescript
من دوست دارم “تایپ اسکریپت” را در پروژه هایم اضافه کنم زیرا به دلیل تشخیص زودهنگام باگ بهتر و مستندات خودکد.
من دوست دارم فایلی به نام ‘.npmrc’ در ریشه پروژه با محتوای زیر بسازم:
save-exact=true
این به نصب بستهها در آینده با یک نسخه خاص در package.json کمک میکند. به لطف آن، ما نسخه هایی را که روی پروژه خود نصب می کنیم کنترل می کنیم.
اگر از پوشه src استفاده میکنید و میخواهید از Tailwind CSS برای استایلها استفاده کنید (به صورت پیشفرض با نصب Next.js)، باید این را در فایل «tailwind.config.js» برای نصب صحیح Tailwind CSS قرار دهید:
محتوا: [“./src/*/.{js,ts,jsx,tsx,mdx}”]،
می توانید فایل ‘.npmrc’ و فایل ‘tailwind.config.js’ را با تغییر به مرحله git اضافه کنید و برای ذخیره این تنظیمات اولیه یک git commit در شاخه اصلی انجام دهید.
به https://github.com/new بروید. ما وارد GitHub می شویم.
نام Repository را با همان کلمه ای که پروژه را در ماشین محلی خود نامگذاری کرده ایم پر کنید تا سازگاری داشته باشید.
اگر میخواهید بدون اشتراکگذاری کد آنلاین پروژهای ایجاد کنید، گزینه Private را علامت بزنید.
روی “ایجاد مخزن” کلیک کنید
ما به پروژه در ماشین محلی برمی گردیم و دستور زیر را اجرا می کنیم:
git remote add source https://github.com/github_username/project_name
ما این دستور را برای آپلود شاخه git اصلی خود در مخزن راه دور GitHub اجرا می کنیم:
git push -u اصل اصلی
پس از این مراحل، ما یک راه اندازی اولیه پروژه React را برای ساخت برنامه های عالی آماده می کنیم.
امیدوارم از مقاله لذت برده باشید.
به خبرنامه هفتگی من بپیوندید، جایی که من مقالاتی را به اشتراک میگذارم تا به شما کمک کنم توسعهدهنده بهتری شوید. آنها را مستقیماً در صندوق ورودی خود دریافت خواهید کرد.
در پست بعدی می بینمت.
روز خوبی داشته باشی!