🐊Putout plugin adds ability to migrate to latest version of Next.js. Not Bundled.
npm i putout @putout/plugin-nextjs -D
Add .putout.json
with:
{
"plugins": [
"nextjs"
]
}
Here is list of rules:
{
"rules": {
"nextjs/remove-a-from-link": "on",
"nextjs/convert-page-to-head": "on"
}
}
Next.js 12: <a>
has to be nested otherwise it's excluded, Next.js 13: <Link>
always renders <a>
under the hood.
Check out in 🐊Putout Editor.
import Link from 'next/link';
export default function Nav() {
<Link href="/about">
<a>
About
</a>
</Link>;
}
import Link from 'next/link';
export default function Nav() {
<Link href="/about">
About
</Link>;
}
In the pages directory, the next/head React component is used to manage <head>
HTML elements such as title and meta . In the app directory, next/head
is replaced with a new head.js
special file.
Check out in 🐊Putout Editor.
import Head from 'next/head';
export default function Page() {
return (
<>
<Head>
<title>
My page title
</title>
</Head>
</>
);
}
export default function Head() {
return (
<>
<title>
My page title
</title>
</>
);
}
MIT