Hey everyone,

I'm currently working on setting up internationalization (i18n) for my Next.js website, and I could use some guidance. Here's what I'm trying to accomplish:

I want my site to have language-specific URLs, like mysite.com/fr for French and mysite.com/en for English.

Here's the structure of my site:

src
└── app
└── layout.tsx
My question is: Do I need to implement server rendering for this setup?

Here's what I've tried so far:

1. Configuring i18n: I've looked into libraries like next-i18next and for handling internationalization in Next.js.
Routing: I've experimented with Next.js routing to see if I can achieve language-specific URLs without server rendering, but I'm not sure if it's possible.
2. Could anyone provide some insight or point me in the right direction? Any help would be greatly appreciated!

Thanks in advance.