chore: add devDependencies & configure tailwind.css, husky, lint-stag…

…ed, eslint & prettier

.eslintignore

@@ -0,0 +1,5 @@
+.next
+out
+package-lock.json
+node_modules
+.swc

.eslintrc.json

@@ -1,3 +1,41 @@
 {
-  "extends": "next/core-web-vitals"
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": { "sourceType": "module", "project": ["./tsconfig.json"] },
+  // eslint-react, eslint-react-hooks, eslint-import and eslint-jsx-a11y are installed
+  // with next/core-web-vitals
+  "extends": [
+    // next/core-web-vitals as first, bcs it turns of some strict rules
+    // of jsx-a11y/recommended set
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended",
+    // can be removed if linting is slow
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "plugin:css-modules/recommended",
+    "plugin:jsx-a11y/recommended",
+    "prettier"
+  ],
+  "plugins": ["@typescript-eslint", "css-modules"],
+  "rules": {
+    "react-hooks/exhaustive-deps": "error",
+    "react/display-name": "error",
+    "react/jsx-curly-brace-presence": ["error", "never"]
+  },
+  "ignorePatterns": [
+    "src/**/*.test.ts",
+    "tailwind.config.js",
+    "postcss.config.js",
+    "jest.config.js",
+    "next.config.js",
+    "commitlint.config.js"
+  ],
+  "settings": {
+    "jsx-a11y": {
+      "components": {
+        "Input": "input",
+        "Button": "button",
+        "Image": "img"
+      }
+    }
+  }
 }

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit ""

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.husky/pre-push

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm test

.prettierignore

@@ -0,0 +1 @@
+.next

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "arrowParens": "always",
+  "trailingComma": "all",
+  "printWidth": 100
+}

__tests__/Index.test.tsx

@@ -0,0 +1,15 @@
+import { render, screen } from '@testing-library/react';
+import Home from '../pages/index';
+import '@testing-library/jest-dom';
+
+describe('Home', () => {
+  it('renders a heading', () => {
+    render(<Home />);
+
+    const heading = screen.getByRole('heading', {
+      name: /welcome to next\.js!/i,
+    });
+
+    expect(heading).toBeInTheDocument();
+  });
+});

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

jest.config.js

@@ -0,0 +1,19 @@
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: './',
+});
+
+// Add any custom config to be passed to Jest
+/** @type {import('jest').Config} */
+const customJestConfig = {
+  // Add more setup options before each test is run
+  // setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
+  moduleDirectories: ['node_modules', '<rootDir>/'],
+  testEnvironment: 'jest-environment-jsdom',
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig);