راکت
حل شده

مشکل ساخت صفحه و دایرکتوری جدید در Next.js

7 پاسخ

سلام دوستان امیدوارم حالتون خوب باشه.
من اخیرا یک پروژه next.js رو شروع کردم و دقیقا طبق دستور العمل های خود سایت در پوشه app یک دایرکتوری جدید ایجاد میکنم. اما زمانی به لوکال هاست برمیگردم و ادرس مربوطه رو وارد میکنم ارور 404 میده مثلا (localhost:3000/posts/first-post)
ممنون میشم راهنمایی بفرمایید.

ثبت پرسش جدید

پاسخ‌ها

7
پویا باقری
پویا باقری
@Pouyab

تخصص: برنامه نویس وب

بهترین پاسخ

 تصویر

ادرسی که ضمیمه کردید دقیقا همون چیزی هست که من گفتم که .عکسی هم که واستون فرستادم ورژن 13 هست.
یک پروژه جدید ایجاد کنید.
به سوال هایی که قبل از ایجاد پروژه ازتون پرسیده میشه باید توجه کنید. شما ادرس دهی رو اسکیپ کردید
 تصویر

پویا باقری
پویا باقری
@Pouyab

تخصص: برنامه نویس وب

سلام.
یه عکس از working directory بدید

سالار اشترزاده
سالار اشترزاده
@salarashtarzadeinfo

تخصص: طراحی وب سایت

شاید پاسخ شما همین‌جا باشد

پویا باقری
پویا باقری
@Pouyab

تخصص: برنامه نویس وب

ادرس دهی رو بر اساس پوشه pages انجام بدید
 تصویر

در این مورد اگر بخوایم که به صفحه یک job با ایدی 1 بریم ادرسش میشه http://localhost:3000/jobs/1
حتما در نظر داشته باشید ایدی که اینجا یک هست یک اسلاگه و باید درون برکت باشه.

سالار اشترزاده
سالار اشترزاده
@salarashtarzadeinfo

تخصص: طراحی وب سایت

خب الان توی ورژن جدید داخل دایر کتوری app مگه نباید فولدر بسازم ؟
تا اونجایی که من متوجه شدم توی ورژن جدید و با وجود App Router دایرکتوری به این شکل تبدیل میشه و من طبق فرآیندی که اینجا توضیح داده جلو رفتم : https://nextjs.org/learn/basics/navigate-between-pages/pages-in-nextjs
ضمن اینکه طبق روش شما هم جلو رفتم اما نتیجه حاصل نشد !!!!

سالار اشترزاده
سالار اشترزاده
@salarashtarzadeinfo

تخصص: طراحی وب سایت

من با این روش پروژه رو نصب میکنم :

C:\Users\PC CITY\Desktop\test>npx create-next-app
√ What is your project named? ... my-app
√ Would you like to use TypeScript with this project? ... No / Yes
√ Would you like to use ESLint with this project? ... No / Yes
√ Would you like to use Tailwind CSS with this project? ... No / Yes
√ Would you like to use `src/` directory with this project? ... No / Yes
√ Use App Router (recommended)? ... No / Yes
? Would you like to customize the default import alias? » No / Yes
سالار اشترزاده
سالار اشترزاده
@salarashtarzadeinfo

تخصص: طراحی وب سایت

ممنون امتحان میکنم

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام