[Next.js] Next 13 upgrade

[illiakovalenko]

Description / Motivation

• Next is bumped to ^13.1.6
• next/link component doesn't accept <a/> tag as a child anymore
• next/image :
  • Component doesn't support layout property, fill (fluid image) needs to be used instead, which requires having relative positioned parent.
  • Set sizes value to be the same as we have for RAV.
  • Now alt is required property
• next-transpile-modules not needed anymore, next now supports linked dependencies resolution OOTB, multiple react dependencies related fix also not required to be present anymore
• Middleware's cookie.get now returns { value, name, ...rest } instead of value
• Aligned unit tests according to new changes
• Not related to upgrade:
  • Moved sitecore/manifest/sitecore-import.json fallback config from next-config/plugins/disconnected to next-config/plugins/styleguide, because error can be thrown in connected mode too

Testing Details

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

[pzi]

Would upgrading a major dependency to it's next major version mean JSS-next has to go next major given there are some breaking changes coming with this?

[illiakovalenko]

@pzi You are right, the next released version will include breaking changes

Upd: CHANGELOG.md will be updated soon to reflect our latest version strategy

[ambrauer]

Looking great! See a few suggestions/comments

[ambrauer]

👍