Naveed Ausafnausaf.hashnode.dev·Nov 25, 2024Set up Semantic-Release and Commitlint to Automate Releases on GitHub (with Next.js and NPM deployment examples)Introduction What is semantic-release? semantic-release is a Node.js package that automatically increments version number of the repo in which it is installed. It does this by analyzing Git commit messages to pick out any changes that may warrant a n...Next.js
J.A. Shezanjashezan.hashnode.dev·Oct 8, 2024Boost Your Next.js Productivity: A Comprehensive Guide to Setting Up Next.js with ESLint, Prettier, Husky, and Lint-StagedTools Before we move forward, let's take a quick refresher on what we will be exploring here. TypeScript Typescript is a programming language that serves as a syntactic extension of Javascript by introducing types and type safety capabilities. Eslint...Frontend OdysseyNext.js
J.A. Shezanjashezan.hashnode.dev·Oct 7, 2024Configure ESLint, Prettier, Husky, lint-staged Properly for Next.jsIf you choosed TypeScript and ESLint during Next.js CLI, then this article is for you to setup Prettier, Husky, lint-staged properly to proceed ahead and great project structure. If you work with other developer or want to maintain the project in fut...41 readsFrontend OdysseyNext.js
J.A. Shezanjashezan.hashnode.dev·Sep 30, 2024Step-by-Step Guide to Configuring Husky and Lint-Staged with ESLint and PrettierTo set up Husky and lint-staged for running ESLint and Prettier automatically before every Git commit, follow these step-by-step instructions: 1. Install Husky and lint-staged Start by installing Husky (for Git hooks) and lint-staged (to run linters ...Frontend Odysseyhusky
Naveed AusafforfreeCodeCampfreecodecamp.org·Sep 16, 2024How to Set Up ESLint, Prettier, StyleLint, and lint-staged in Next.jsA linter is a tool that scans code for potential issues. This is invaluable with a programming language like JavaScript which is so loosely typed. Even for TypeScript, which is a strongly typed language whose compiler does a great job of detecting er...Next.js
Ali Atafblog.aliataf.com·Aug 6, 2024Streamlining Your Next.js 14 Development Workflow with ESLint, Prettier, and lint-stagedIntroduction In modern web development, maintaining code quality and consistency is crucial for building scalable and maintainable applications. With the release of Next.js 14, developers have even more powerful tools at their disposal. However, as p...eslint
Farhan Hasinfarhanhasindipro25.hashnode.dev·Feb 28, 2024A Comprehensive Look: Pros and Cons of Development Workflow in Frontend EngineeringTechnology Stack of the project NextJS Typescript TailwindCSS ESLint, Prettier, Husky, Lint-staged Problem In my last employment, I worked as a Team Leader for a comprehensive project. There were rules set by the Tech Lead that we need to maint...12 likes·61 readsdevelopment workflow
James Zhangblog.jczhang.com·Jan 28, 2024Format and fix code: VS Code config and git pre-commit hook with husky and lint-stagedIn a typical web code repository, we use linters like eslint to highlight warnings or syntax errors and use tools like prettier to format the code. There are a few ways to trigger the action: VS Code At editor level, e.g. VS Code, we can use command ...188 readsJamesz Takehusky
Steven Burrowsthekiltedcoder.hashnode.dev·Jan 2, 2024Setting up ESLint and Prettier using lint-Staged and HuskyInitial setup Setting up ESLint only one command is now needed to install and setup ESLint. In your terminal or PowerShell run: npm init @eslint/config this should add a file called .eslintrc.{js,yml,json} with the basic config of { "env": { ...eslint
Sridhar Maskerisridharmaskeri.hashnode.dev·May 1, 2023Setting up pre-commit hook with husky to automate code formatting🪝Intro ✨ I have a React TypeScript project for which I want to automate code formatting before committing changes to the repo, hence in this tutorial, I will teach you to do the same using husky, lint-staged & prettier. Installing and Setting up Husky...88 readsTypeScript
