This Portfolio showcase my project done and some contact links. This is built with Vercel, React and NextJS and styled components.
- Nodejs 16.19.0 -> 18.12.1 (LTS)
- NextJS 12 -> 13
- React 17.0.2 -> 18.2.0
- eslint-config-next 13.1.1
- SWR 2.0.0
- Nodejs 16.19.0 -> 18.12.1 (LTS)
- NextJS 12 -> 13
- React 17.0.2 -> 18.2.0
- eslint-config-next 13.1.1
- SWR 2.0.0
The Component no longer requires manually adding an <a> tag as a child.
This behavior was added as an experimental option in version 12.2 and is now the default.
In Next.js 13, <Link> always renders <a> and allows you to forward props to the underlying tag.
For example:
import Link from 'next/link'
// Next.js 12: `<a>` has to be nested otherwise it's excluded
<Link href="/about">
<a>About</a>
</Link>
// Next.js 13: `<Link>` always renders `<a>` under the hood
<Link href="/about">
About
</Link>
To upgrade your links to Next.js 13, you can use the new-link codemod.
- Nodejs 16.19.2
- NextJS 11 -> 12
- React Version 17.0.2
{
"presets": ["next/babel"],
"plugins": [["styled-components", { "ssr": true }]]
}
/**
* @type {import('next').NextConfig}
*/
const nextConfig = {
compiler:{
styledComponents:{
ssr:true
}
},
swcMinify: true
/* config options here */
}
export default nextConfig;
- Nodejs 16.19.2
- NextJS 10 -> 11
- React Version 17.0.2