Set up Next base 2

.eslintrc.json

 {
   "root": true,
-  "plugins": ["react-hooks"],
   "extends": [
-    "airbnb",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
     "plugin:@typescript-eslint/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
     "plugin:import/typescript",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "airbnb",
+    "airbnb/hooks",
+    "airbnb-typescript",
     "plugin:prettier/recommended",
-    "prettier/@typescript-eslint",
-    "prettier/react"
+    "prettier",
+    "prettier/react",
+    "prettier/@typescript-eslint"
   ],
   "env": {
     "browser": true
   },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+
   "rules": {
-    "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }]
+    "prettier/prettier": "error",
+    "sort-imports": "off",
+    "import/order": "off",
+    "import/no-unresolved": "error",
+    "jsx-a11y/href-no-hash": ["off"],
+    "@typescript-eslint/no-unused-vars": "warn",
+    "react/jsx-filename-extension": [
+      "off",
+      { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
+    ],
+    "max-len": [
+      "warn",
+      {
+        "tabWidth": 2,
+        "comments": 100,
+        "ignoreUrls": true
+      }
+    ],
+    "simple-import-sort/sort": "error",
+
+    // Using a type system makes it safe enough to spread props
+    "react/jsx-props-no-spreading": "off",
+
+    //temp fix
+    "@typescript-eslint/camelcase": "off",
+    "@typescript-eslint/naming-convention": "off"
+  },
+  "plugins": ["simple-import-sort", "@typescript-eslint", "import"],
+  "settings": {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
+    "import/resolver": {
+      // use <root>/tsconfig.json
+      "typescript": {
+        "alwaysTryTypes": true, // always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/unist`
+        "project": "./" // use <root>/path/to/folder/tsconfig.json
+      }
+    }
   }
 }

.gitignore

@@ -63,3 +63,14 @@ typings/
 public/
 
 oldlive/
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem

.huskyrc.json

+{
+  "hooks": {
+    "pre-commit": "lint-staged"
+  }
+}

.lintstagedrc.json

+{
+  "*.{ts,tsx,js,jsx}": "eslint --fix",
+  "*.{json,yml,md}": "prettier --write"
+}

.stylelintrc.json

-{
-  "processors": ["stylelint-processor-styled-components"],
-  "extends": [
-    "stylelint-config-recommended",
-    "stylelint-config-rational-order",
-    "stylelint-config-styled-components",
-    "stylelint-config-prettier"
-  ]
-}

.travis.yml

-language: node_js
-node_js:
-  - 'node'
-  - 'lts/*'
-cache:
-  yarn: true
-  directories:
-    - node_modules
-script:
-  - yarn type-check
-  - yarn lint
-  - yarn build

.vscode/settings.json

 {
   // Enable automatic file formatting and fixing
   "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
 
   // Use ESLint for TypeScript code
   "eslint.validate": [

README.md

 # schdesign-web
 
 [![Build status](https://img.shields.io/travis/simonyiszk/schdesign-web/master.svg)](https://travis-ci.org/simonyiszk/schdesign-web)
-[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
 
 Website of Schönherz Design Stúdió.
 
 ## 🚀 Getting started
 
-- Clone this project and install all the required dependencies using [`yarn`][yarn]
-- Start a development server with `yarn develop`
-  - _Other scripts like `build`, [`format`](#automatic-code-formatting), [`type-check`](#static-type-checking) and [`lint`](#linting) are also available_
+- Clone this project and install all the required dependencies using [`npm`][npm]
+- Start a development server with `npm dev`
 
-[yarn]: https://yarnpkg.com/
+[npm]: https://nodejs.org/
 
 ### Deploy
 

package.json

+{
+  "name": "schdesign-web",
+  "version": "1.0.0",
+  "description": "Website of schdesign",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/simonyiszk/schdesign-web.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/simonyiszk/schdesign-web/issues"
+  },
+  "homepage": "https://schdesign.hu",
+  "dependencies": {
+    "@types/react": "^16.9.49",
+    "autoprefixer": "^9.8.6",
+    "next": "^9.5.3",
+    "postcss-import": "^12.0.1",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "tailwindcss": "^1.8.6",
+    "typescript": "^4.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^14.6.4",
+    "@typescript-eslint/eslint-plugin": "^4.1.0",
+    "@typescript-eslint/parser": "^4.1.0",
+    "eslint": "^7.8.1",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-airbnb-typescript": "^10.0.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-import-resolver-typescript": "^2.3.0",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.20.6",
+    "eslint-plugin-react-hooks": "^4.1.0",
+    "eslint-plugin-simple-import-sort": "^5.0.3",
+    "husky": "^4.3.0",
+    "lint-staged": "^10.3.0",
+    "prettier": "^2.1.1"
+  }
+}

postcss.config.js

+module.exports = {
+  plugins: ['postcss-import', 'tailwindcss', 'autoprefixer'],
+};

tsconfig.json

@@ -2,6 +2,7 @@
   // Reference: https://blogs.msdn.microsoft.com/typescript/2018/08/27/typescript-and-babel-7/
   "compilerOptions": {
     "strict": true,
+    "noEmit": true,
     "target": "ESNext",
     "moduleResolution": "node",
     "jsx": "react",
@@ -9,5 +10,6 @@
     "allowSyntheticDefaultImports": true,
     "isolatedModules": true
   },
-  "include": ["src/**/*"]
+  "include": ["src/**/*", "./postcss.config.js"],
+  "exclude": ["node_modules"]
 }