دومین وب سایت Next.js – انجمن DEV 👩💻👨💻

در دو روز گذشته پیگیر بودم آموزش رسمی next.js برای ساخت یک وب سایت وبلاگ نویسی ساده
اگرچه Next.js بسیار سختتر از Flask است، اما من دوست دارم که چگونه میتوانم کارهای زیادی با Next.js و React انجام دهم، و پیادهسازی پروژهها از GitHub به Vercel چقدر آسان است، بنابراین این من را متقاعد میکند که حتی پروژههای بیشتری را با Next ایجاد کنم. js.
وب سایت وبلاگ نویسی را که من در اینجا ایجاد کردم بررسی کنید: https://blogging-website-vert.vercel.app/
همچنین می توانید مخزن GitHub آن را بررسی کنید:
به قالب پایه NextJS که با استفاده از بوت استرپ بوت استرپ شده خوش آمدید create-next-app
. این قالب از TypeScript پشتیبانی می کند، اما می توانید از جاوا اسکریپت معمولی نیز استفاده کنید.
شروع شدن
دکمه run را بزنید تا سرور توسعه راه اندازی شود.
می توانید ویرایش صفحه را با تغییر شروع کنید pages/index.tsx
. با ویرایش فایل، صفحه بهطور خودکار بهروزرسانی میشود.
مسیرهای API قابل دسترسی هستند /api/hello
. این نقطه پایانی را می توان در آن ویرایش کرد pages/api/hello.ts
.
را pages/api
دایرکتوری به نگاشت شده است /api/*
. فایل های این فهرست به جای صفحات React به عنوان مسیرهای API در نظر گرفته می شوند.
بیشتر بدانید
برای کسب اطلاعات بیشتر در مورد Next.js، به منابع زیر نگاهی بیندازید:
تولید برنامه بعدی شما
برای اینکه برنامه بعدی شما به راحتی در مرحله تولید اجرا شود، مطمئن شوید که این پاسخ را به یک برنامه همیشه روشن تبدیل کنید.
شما همچنین می توانید یک ساخت تولیدی توسط…
پروژه بعدی من ایجاد یک Guestbook است که در آن افراد می توانند نظر بدهند (نظرات با استفاده از MongoDB ذخیره می شوند). همچنین میخواهم از یک API استفاده کند تا بررسی کند که آیا کامنت فحش دارد یا نه، و فقط اجازه میدهد کاربر یک بار روی یک دستگاه نظر بدهد.
من همچنین می خواهم دانش React خود را گسترش دهم و 5 نظر را به طور همزمان بارگذاری کنم، و وقتی کاربر به پایین اسکرول می کند، 5 نظر دیگر بارگذاری می شود (بار بی نهایت).
با تشکر برای خواندن!
من را دنبال کنید و دوست دارید در سفر next.js من از من حمایت کنید.