Add Nextjs navigation API wrapper for Form component

[BakirGracic]

Is your feature request related to a problem? Please describe.

No, my features request introduces fresh new features that have possible workaround but aren't tied to any bugs or unintended behaviour

Describe the solution you'd like

Create a lightweight Form component wrapper, just like we have these:

export const {Link, redirect, usePathname, useRouter, getPathname} =
  createNavigation(routing);

export const {Form, Link, redirect, usePathname, useRouter, getPathname} =
  createNavigation(routing);

It should be compatible with custom localized pathnames, i.e.:

export const routing = defineRouting({
  locales: ['en', 'de'],
  defaultLocale: 'en',
  pathnames: {
    '/': '/',
    '/blog': '/blog',
    '/about': {
      en: '/about',
      de: '/ueber-uns'
    },
}

<Form action='/about' ... /> --> domain.com/ueber-uns?field=value&foo=bar

Describe alternatives you've considered

I haven't yet tested any workarounds I had in mind, but there are probably a couple of ways

[BakirGracic]

I hope I haven't rushed with my issue. I did some research on docs, discussions & issues but didn't find anything. If this issue is unnecessary, please kindly provide me with solutions and close this issue. Thanks for next-intl!

[amannn]

So you're looking for a wrapper for Next.js' Form, right? I had this thought as well when I saw that it takes an action. I'm honestly not really confident to make a call here currently, Form is still quite new and I don't know yet how it will develop over time and if there are aspects to consider.

For the time being, you can use getPathname to create an action for your form—this is also what next-intl uses internally for Link & friends.

[BakirGracic]

Yep, wanted it for Nextjs' Form

Okay, that very reasonable, Form is really new.

Thanks for the suggestion, will try to implement