In this video we are going to see all the changes that happened in the Next.js Router between all the 9.x versions up to version 10.
We will see that the router is now case sensitive and we no longer need to use the "as" property in the Link component.
At the end of the video I'll also show how to ignore some files in the pages folder, to avoid primarily creating new pages for the unit test files.
In the past I showed you that you could create a container folder to match your pages folder structure and only export your components in the pages folder. That way you would not open new routes for every single unit test file named "file.spec.js". For that we will be using next.config.js with "pageExtensions" property.
----
GitHub Repository: https://github.com/bmvantunes/youtube...
----
next.config.js default values: https://github.com/vercel/next.js/blo...
----
Next.js Link API Reference: https://nextjs.org/docs/api-reference...
----
Timeline:
00:00 Introduction
01:21 Case Sensitive Routing
03:20 Link without "as" prop for dynamic routes
05:28 Having unit-tests (file.spec.js) in page folder without creating new routes
----
Follow me on:
Twitter: / bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
GitHub: https://github.com/bmvantunes
LinkedIn: / bmvantunes
Watch video Next.js Router Update: Changes from Next 9.2 to Next 10 online without registration, duration hours minute second in high quality. This video was added by user Bruno Antunes 17 November 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 11,002 once and liked it 521 people.