![PyPI Now Supports iOS and Android Wheels for Mobile Python Development](https://cdn.sanity.io/images/cgdhsj6q/production/96416c872705517a6a65ad9646ce3e7caef623a0-1024x1024.webp?w=400&fit=max&auto=format)
Security News
PyPI Now Supports iOS and Android Wheels for Mobile Python Development
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
eslint-config-nextjs
Advanced tools
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
A set of awesome ESLint + Prettier configs. Makes it easier to work with React, NextJS, Node apps.
This package is intended for use with VS Code, however, can be easily used with any text editors.
If you are using
yarn
to manage your packages, you can still usenpx
- it will automatically stop the installation and ask if you'd like to install withyarn
just follow the instructions to use Yarn. Make sure NOT to continue withnpx
IF you use Yarn.
npx install-peerdeps --dev eslint-config-nextjs
.eslintrc
file in the root of your project's directory. Paste in the following:{
"extends": ["nextjs"]
}
You're done!
Now you can manually lint your code by running npm run lint
and fix all fixable issues with npm run lint:fix
. You probably want your editor to do this though.
You can avoid the need to do the previous step for each project and install this globally.
npx install-peerdeps --global eslint-config-nextjs
.eslintrc
file on your computer:~/.eslintrc
C:\Users\you\.eslintrc
Paste in the follow to newly created .eslintrc
:
{
"extends": ["nextjs"]
}
⌘Cmd + ,
or Ctrl + ,
) → type in settings.json
file → click on Edit in settings.json
and paste in the following on the root of the object: // Run ESLint each time you save a file
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// Disable Prettier for JavaScript and React (but not for HTML, CSS or others in future)
"[javascriptreact]": {
"editor.formatOnSave": false
},
"[javascript]": {
"editor.formatOnSave": false
}
For other editors, you can add the following to your package.json
and run it manually:
Similarly you may use add this to VS Code and run it to iterate over the whole project (note that this may take some seconds or few minutes depending on the size of your project).
"scripts": {
"lint": "eslint .",
"lint:fix": "eslint . --fix",
},
To run fix only React/Next.js files add the following:
"scripts": {
"lint:fix": "eslint --fix --ext .js,.jsx ."
}
Enjoy the package and feel free to contribute! Pull request or suggestions are most welcome!
FAQs
ESLint and Prettier Config package for Next.js apps
We found that eslint-config-nextjs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.