مدیریت راحت تر path ها در پروژه ها

یه قطعه کد کاربردی برای مدیریت لینک صفحات برنامتون آوردم.
شما میتونین یک متغییر به این صورت تعریف کنید:

// utils/paths.ts
export const paths = {
  auth: {
    signIn: () => "/sign-in",
    signUp: () => "/sign-up",
  },
  public: {
    home: () => "/",
    about: () => "/about",
    contact: () => "/contact",
    products: (searchParams: { category: string }) =>
      `/products?category=${searchParams.category}`,
    product: (id: string) => `/products/${id}`,
  },
};

و در قسمتی که میخواین لینکتون رو به کامپوننت لینک یا تگ a پاس بدین از این فانکشن استفاده کنین:

// basic usage
<Link href={paths.home()}>Home</Link>

// usage with dynamic url
<Link href={paths.product("1")}>Product 1</Link>

// usage with search params
<Link href={paths.products("mobile")}>Mobile Products</Link>