I18nLink component examples

<I18nLink /> component is based on Next.js native <Link /> component.
It's an utility that automatically handles localisation and acts as a wrapper for <Link />.
If you'd use the <Link /> component, you'd have to provide which locale is the current locale, and build the link accordingly.
That's basically what <I18nLink /> does.

This is a link going to the same page (keeps the current locale)
This is a link going to the same page (forces to switch to fr-FR locale)
This is a link going to the same page (forces to switch to en-US locale)


            <I18nLink href={'/demo/built-in-utilities/i18nLink-component'}>
              This is a link going to the same page (keeps the current locale)
            </I18nLink>
            <I18nLink href={'/demo/built-in-utilities/i18nLink-component'} locale={'fr-FR'}>
              This is a link going to the same page (forces to switch to <code>fr-FR</code> locale)
            </I18nLink>
            <I18nLink href={'/demo/built-in-utilities/i18nLink-component'} locale={'en-US'}>
              This is a link going to the same page (forces to switch to <code>en-US</code> locale)
            </I18nLink>

Built-in utilities

I18nLink component examples