در این بخش، وارد مرحله شروع کار با Next.js میشویم. ابتدا پیشنیازهای لازم برای یادگیری و استفاده از این فریمورک را بررسی میکنیم تا مطمئن شویم پایههای مورد نیاز برای توسعه یک پروژه مدرن را در اختیار داریم.
برای کار با Next.js لازم است با HTML، CSS و JavaScript آشنایی داشته باشید، زیرا اینها پایه اصلی ساخت صفحات وب هستند. همچنین آشنایی با React ضروری است، چون Next.js بر پایه React ساخته شده و تمام ساختار آن بر اساس کامپوننتها، State و Props شکل میگیرد.
بعد از بررسی پیشنیازها، وارد مرحله نصب و راهاندازی پروژه میشویم. در این مرحله یاد میگیریم چگونه با استفاده از ابزار رسمی Next.js یک پروژه جدید ایجاد کنیم. این کار معمولاً با دستور create-next-app انجام میشود که به صورت خودکار ساختار اولیه پروژه را برای ما آماده میکند.
در هنگام نصب، میتوانیم تنظیمات مهمی مانند استفاده از TypeScript، فعالسازی ESLint، انتخاب App Router و اضافه کردن ابزارهایی مثل Tailwind CSS را مشخص کنیم. این تنظیمات به ما کمک میکنند پروژهای استاندارد، تمیز و آماده توسعه داشته باشیم.
در نهایت، پس از ساخت پروژه، آن را اجرا میکنیم و با محیط اولیه Next.js آشنا میشویم تا بتوانیم وارد مراحل بعدی یادگیری و توسعه اپلیکیشن شویم.
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://nextjs.org/docs/app