How can I hide the prefix on default locale?

[marcelo-earth]

Hello everyone! If I'm on a page with the default language prefix, how can I hide it from the URL? In my case, instead of example.com redirect to example.com/es, it should stay on example.com while rendering the content of es language.

// middleware.ts
import createMiddleware from 'next-intl/middleware';
 
export default createMiddleware({
  // A list of all locales that are supported
  locales: ['es', 'en'],
  // Used when no locale matches
  defaultLocale: 'es'
});
 
export const config = {
  // Match only internationalized pathnames
  matcher: ['/', '/(en|es)/:path*']
};

// i18n.ts
import {notFound} from 'next/navigation';
import {getRequestConfig} from 'next-intl/server';
 
// Can be imported from a shared config
const locales = ['en', 'es'];
 
export default getRequestConfig(async ({locale}) => {
  // Validate that the incoming `locale` parameter is valid
  if (!locales.includes(locale as any)) notFound();
 
  return {
    messages: (await import(`../messages/${locale}.json`)).default
  };
});

Thank you so much in advance!

[amannn]

Please see the locale prefix docs.