next.js 11 webpack 5 eslint prettier

[Digital-Coder]

Major Changes:

react.js 16.12 ->17.0.2
next.js 10.2 ->11.0.1

Minor Changes:

enforced reactStrictMode. It is only in dev environment and you can read it more about it here:
what is strict mode ?

removed unnecessary packages:

webpack (next has internally)
postcss (there is no postcss.config)
@types/node-sass (there is no typescript)

solved conflicts

Apparently package "natural" has missing internal packages and webpack 5 will not let it bundle.
All I had to do is to switch with "pluralize" and "idea generation button" is working as usual.

"next-images" package is conflicting now with internal static imports feature, but I applied
solution from their github repository and it should behave as usual. reference

[Digital-Coder]

Update

Added eslint and prettier.

You need to install eslint extention and restart vscode
If you run " npm run lint " it should show you potential errors
if you CTRL + S in a file it should fix small bugs and format a file
if you run "npm run prettier " it should format all files in a codebase
It also has to show errors/ warnings in a vscode console

I tried it on my own and it has been working, but testing is necessary
because there could be some conflicts with coders own vscode .settings.json

[Enjoy2Live]

Thanks @Digital-Coder, the PR looks good and I don't see many errors with it. I'd say this is the best PR I've ever reviewed!

I'm right now extending the es-lint functionality to work with committed files only.

[dev-launchers-flux]

🎉 This PR is included in version 1.7.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀