یک مسیر در Next JS ایجاد کنید

خواهیم دید که چگونه مسیرها را به برنامه خود اضافه کنیم.

داخل پوشه app ما باید یک پوشه دیگر با نام مسیر خود ایجاد کنیم و در داخل یک فایل ایجاد کنیم page.tsx و در داخل باید یک جزء کاربردی ایجاد کنیم.

export default funcion AboutPage() {
    return (
        <>
            <span className="text-5xl">About Pagespan>
        >
    )
}

این تمام چیزی است که ما نیاز داریم

در url باید نام پوشه ای را که در آن ایجاد کرده ایم بنویسیم app

http://localhost:3000/[nombreDeLaCarpteCreada]
http://localhost:3000/about

و در هنگام دسترسی متنی را که قبلا قرار داده ایم می بینیم

همه این مسیرها بر اساس Server Components

اجزای سرور

مشتری جاوا اسکریپت را دریافت نمی کند مگر اینکه به آن نیاز داشته باشد. اساساً ابتدا در سمت سرور تولید می شود و سپس برای مشتری ارسال می شود.

export default funcion AboutPage() {
    return (
        <>
            <span className="text-5xl">About Pagespan>
            <p>{1 + 1}p> {/* Javascript */}
        >
    )
}

این کار حتی اگر جاوا اسکریپت را در مرورگر خاموش کنیم، کار می کند.

زیرا تمام اجزای داخل app آنها در سمت سرور تولید می شوند. (اجزای سرور)

افزودن پوشه

اگر بخواهیم پوشه ای ایجاد کنیم که مسیرهایمان را در بر بگیرد، آدرس اینترنتی ما را تغییر می دهد:

localhost:3000/general/about

برای حذف این، در فایل ما پوشه باید به عنوان نامگذاری شود (general) به طوری که Next آن را به عنوان بخشی از مسیر نمی خواند

localhost:3000/about