SyntaxFix

[next.js] How can I get (query string) parameters from the URL in Next.js?

Use router-hook.

You can use the useRouter hook in any component in your application.

https://nextjs.org/docs/api-reference/next/router#userouter

pass Param

import Link from "next/link";

<Link href={{ pathname: '/search', query: { keyword: 'this way' } }}><a>path</a></Link>
Or 
import Router from 'next/router'

Router.push({
    pathname: '/search',
    query: { keyword: 'this way' },
})

In Component

import { useRouter } from 'next/router'

export default () => {
  const router = useRouter()
  console.log(router.query);

  ...
}

Examples related to next.js

• How can I get (query string) parameters from the URL in Next.js?

Examples related to query-string

• How can I get (query string) parameters from the URL in Next.js? • How to read values from the querystring with ASP.NET Core? • What is the difference between URL parameters and query strings? • How to get URL parameter using jQuery or plain JavaScript? • How to access the GET parameters after "?" in Express? • node.js http 'get' request with query string parameters • Escaping ampersand in URL • In Go's http package, how do I get the query string on a POST request? • Append values to query string • Node.js: Difference between req.query[] and req.params