This guide will walk you through setting up a complete development environment for a Bun TypeScript project with code linting, formatting, and pre-commit hooks. By the end of this setup, your project will automatically check and format your code befo...
조직에서 개발한 어플리케이션은 시간이 지날수록 숨 쉬듯이 많은 변화가 발생한다. 이 과정에서 개발자들의 코드 작성 스타일들이 반영되는데 규칙없이 개발된다면 기존 코드의 유지보수가 불가능한 상황까지 오게 될 것이다. 최악의 경우 새로 만들어야 할 경우가 발생할 것이며 비용은 추가로 들게 될 것이다. 오래전부터 이러한 위험을 최소화 하고자 코드 규칙(Coding Convention)을 정하고 문서화하여 사용했지만 약속을 하는 것이기 때문에 지키지 ...
📖 Part 1: Learning the essentials 🤖 Part 2: Automating the process👈 you are here 📘Introduction This blog is in continuation with its first part - A Complete Guide to Setting Up Dev Tools for Vanilla JavaScript Projects: Part 1. So please che...
📖 Part 1: Learning the essentials👈 you are here 🤖 Part 2: Automating the process 📘 Introduction Managing and debugging large code bases can be challenging, especially when they lack proper structure or standards. Following a standard for wri...
Tools 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...
If 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...
To 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 ...
A 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...
Introduction 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...
Technology 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...
