سلام دوستان 👋،
همانطور که وب سایت نمونه کار خود را با Next.js و Tailwind به صورت عمومی یاد می‌گیرم و می‌سازم، روند و پیشرفت را خواهم نوشت.
این بار آنها را در قالبی متفاوت از سایر پست های وبلاگم می نویسم. این مجموعه به جای توضیح کامل مراحل و مفاهیم، یادداشت های شخصی از کارهایی که من انجام دادم و مسدود کننده ها، در صورت وجود، خواهد بود. طرح بعدی را نیز به اشتراک خواهم گذاشت. منتظر گلوله های زیاد و پست های فوق العاده کوتاه در این مجموعه باشید 😁!
نصب و راه اندازی
من Next.js را با pnpm. اما می توانید با آن نصب کنید npx یا yarn. برای اطلاعات بیشتر، بخش نصب در مستندات Next.js را بررسی کنید.
-
این دستور را اجرا کنید تا پروژه با آن ایجاد شود
pnpm:pnpm create next-app project-name -
دستورات را پر کنید.
- در حال حاضر، من از TypeScript برای این پروژه استفاده نمی کنم.
- خیلی خوبه که گزینه ای برای اضافه کردن Tailwind وجود داره، پس مجبور نیستم جداگانه نصبش کنم و خودم پیکربندیش کنم😁.
- من برای همه اعلان‌های بله/خیر به جز ایجاد علامت بله را علامت زدم
src/فهرست راهنما. در صورت لزوم بعداً آن را اضافه خواهم کرد. - پیکربندی نام مستعار واردات من این است
~/*. برخی افراد استفاده می کنند~، و برخی استفاده می کنند@. همه چیز در مورد ترجیح شخصی است.
طرح بعدی
- صفحاتی را به وب سایت اضافه کنید—درباره من، وبلاگ و تماس با من. این صفحات در حال حاضر نیازی به محتوا ندارند. اما آنها باید پیوندی برای بازگشت به صفحه اصلی داشته باشند.
کیت های شروع
دوستان من این کیت های شروع را پیشنهاد کردند اگر می خواهید در زمان نصب و پیکربندی صرفه جویی کنید.
منابع
با تشکر از شما برای خواندن! آخرش می تونی منو پیدا کنی توییتر، ماستودون و آسمان آبی. بیایید وصل شویم! 😊
