Setup prettier and git hooks

jonalvarezz · May 23, 2020 · e47e875 · e47e875
1 parent 22ef58b
commit e47e875
Show file tree

Hide file tree

Showing 3 changed files with 312 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -9,7 +9,8 @@
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "type-check": "tsc --noEmit"
   },
   "dependencies": {
     "next": "^9.4.2",
@@ -19,6 +20,20 @@
   "devDependencies": {
     "@types/node": "^14.0.5",
     "@types/react": "^16.9.35",
+    "husky": "^4.2.5",
+    "prettier": "^2.0.5",
+    "pretty-quick": "^2.0.1",
     "typescript": "^3.9.3"
+  },
+  "prettier": {
+    "trailingComma": "es5",
+    "tabWidth": 2,
+    "semi": false,
+    "singleQuote": true
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "pretty-quick --staged && yarn type-check"
+    }
   }
 }
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,11 +1,11 @@
-import React from "react";
+import React from 'react'
 
 const HomePage = () => {
   return (
     <div>
       <div>Platzi and Next.js!</div>
     </div>
-  );
-};
+  )
+}
 
-export default HomePage;
+export default HomePage