Menu
Discovering NextJs, I am wondering why the a tag is needed when creating a link. Following the tutorial we have this example:
<Link href="/"><a>Back to home</a></Link>
But the link works even whitout the a tag like <Link href="/">Back to home</Link>.
What is the purpose of this a tag? Isn'it redundant with the Link component?
303
When linking between pages on websites, you use the <a> HTML tag. In Next. js, you can use the Link Component next/link to link between pages in your application. <Link> allows you to do client-side navigation and accepts props that give you better control over the navigation behavior.
To add an external link to the Next. js Link component we should use attribute passHref. This attribute is set to false by default. This attribute forces Link to send the href property to its child.
If you want to add a class ( className ) to the body tag of a a NextJS page, you'll need to add it via JavaScript in the useEffect (or componentDidMount if you're using class-based components) Lifecycle function.
This gives your rendered html proper semantics. This will help with your sites over all SEO. You can see examples and full explanation in the docs here.
If the child of Link is a custom component that wraps an tag, you must add passHref to Link. This is necessary if you’re using libraries like styled-components. Without this, the tag will not have the href attribute, which might hurt your site’s SEO.
158
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
