So basically, the author would like to refactor the for loop by using forEach() in array utility functions.Īs we know, JavaScript / TypeScript has a set of powerful array utility functions including forEach(), map(), reduce() and so on. Last but not least, add this command in your package.Enter fullscreen mode Exit fullscreen mode

# If using npm, remove above and uncomment below Now for both to work together we need to create a file called: pre-commit inside .husky folder and then paste the bellow code inside it to run the lint-staged file on each commit to happen. Then, open file and paste the bellow code inside: /** `, Next, initialize the TailwindCSS with the bellow command and it will create two files and in the root of our project: yarn tailwindcss init -p The bellow instructions are using yarn & if you are using npm, here you will find the commands : T ailwind installation in a next.js project (npm) yarn add -dev tailwindcss postcss autoprefixer To do that, you can use the embedded terminal of VSCode or any terminal inside the project directory. The next process is to go insite the new nextjs app directory and open it inside your favorite editor I will be using VSCode. I named the project nextjs-setup with eslint and import alias but no src directory as we are using app directory approach.

While installation it will ask you few questions like the the name of the project, ESlint & src directory usage with the alias. Go to your desired directory and open cmd/terminal, then inside the terminal type one of the bellow commands according to what you are using yarn or npm: yarn create next-app -typescript -experimental-app If you want to install yarn, after installing Nodejs, you can install it with the bellow command: npm install -g yarnĬreate a Next.js , Typescript app directory project The prerequisite is to have Nodejs and a package manager like yarn, npm or pnpm installed in your system. The very first thing that we need to do is to create a next.js project.

Array for each typescript