Mohammed Afham afhm

## Next.js Project Setup with ESLint, TypeScript, AirBnb, Conventional Commit, Lint Staged and Husky.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                afhm
                / Next.js Project Setup with ESLint, TypeScript, AirBnb, Conventional Commit, Lint Staged and Husky.md
            
            
              Created
              June 17, 2024 19:15
                — forked from nurmdrafi/Next.js Project Setup with ESLint, TypeScript, AirBnb, Conventional Commit, Lint Staged and Husky.md
            
              
                Next.js Project Setup with ESLint, TypeScript, AirBnb, Conventional Commit, Lint Staged and Husky
              
          
    [https://www.npmjs.com/package/@commitlint/config-conventional]
Install

npm i --save-dev eslint-config-airbnb eslint-config-airbnb-typescript @typescript-eslint/eslint-plugin@latest @typescript-eslint/parser@latest @commitlint/config-conventional @commitlint/cli

// install husky
npm i --save-dev husky

// set script and prepare husky


## Image.astro
---
import type { ImageMetadata, ImageTransform } from "astro";
import { getImage } from "astro:assets";
import LoadableImage from "./LoadableImage.astro";

type Props = {
  src: ImageMetadata;
  alt: string;
  /**
   * Array of screens to generate the image for i.e [320, 480, 1200]
	---
	import type { ImageMetadata, ImageTransform } from "astro";
	import { getImage } from "astro:assets";
	import LoadableImage from "./LoadableImage.astro";

	type Props = {
	src: ImageMetadata;
	alt: string;
	/**
	* Array of screens to generate the image for i.e [320, 480, 1200]