Is there a way to redirect to a user's booking page when visiting NEXT_PUBLIC_WEBAPP_URL?

[wrjlewis]

I have a single user instance and it would be great for NEXT_PUBLIC_WEBAPP_URL (ie cal.domain.com) to go straight to my users booking page rather than the administrators login page.

I have a reverse proxy in front of the service currently which makes is slightly tricky to do a redirect there, as it is currently reverse proxying '/' to the app, hence asking if there is a way to do it within cal.com.

Thanks!

[dosubot[bot]]

Cal.com does not have a built-in feature specifically for redirecting the root URL to a user's booking page. However, you can customize the middleware to achieve URL redirection. The middleware in Cal.com can handle various URL redirection scenarios, and you can modify it to redirect the root URL to a specific booking page based on your requirements ^[1].

If you have a reverse proxy, you might also consider configuring it to handle the redirection, but since you mentioned it's tricky, adjusting the middleware within Cal.com might be a more straightforward solution.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[wrjlewis]

@dosu

Could you provide details on how to do that in the middleware?

[dosubot[bot]]

To redirect the root URL to a user's booking page using the middleware in Cal.com, you can modify the middleware.ts file to include a condition that checks if the request is for the root URL and then redirects it to the desired booking page. Here's a basic example of how you might implement this:

1. Locate the Middleware File: Open the middleware.ts file in your Cal.com codebase.

2. Modify the Middleware Function: Add a condition to check if the request is for the root URL and perform a redirect to the user's booking page.

Here's a code snippet illustrating this:

const middleware = async (req: NextRequest): Promise<NextResponse<unknown>> => {
  const url = req.nextUrl;
  const requestHeaders = new Headers(req.headers);

  // Check if the request is for the root URL
  if (url.pathname === "/") {
    // Redirect to the user's booking page
    const bookingPageUrl = "/your-user-booking-page"; // Replace with the actual path
    return NextResponse.redirect(new URL(bookingPageUrl, req.url));
  }

  // Existing middleware logic...
};

export default collectEvents({
  middleware: abTestMiddlewareFactory(middleware),
  ...nextCollectBasicSettings,
  cookieName: "__clnds",
  extend: extendEventData,
});

3. Replace the Placeholder: Ensure you replace "/your-user-booking-page" with the actual path to the user's booking page.

This modification will redirect any requests to the root URL to the specified booking page. Make sure to test the changes in your development environment before deploying them to production.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}