Init Next boilerplate beginning

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+indent_size = 2
+tab_width = 2
+trim_trailing_whitespace = true
+

.eslintignore

@@ -0,0 +1,4 @@
+.cache
+node_modules
+/public
+serviceWorker.js

.eslintrc

@@ -0,0 +1,169 @@
+{
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 7,
+    "ecmaFeatures": {
+      "jsx": true,
+      "modules": true
+    }
+  },
+  "plugins": [
+    "react",
+    "import"
+  ],
+  "env": {
+    "node": true,
+    "browser": true
+  },
+  "settings": {
+    "react": {
+      "version": "16.5.2"
+    }
+  },
+  "root": true,
+  "globals": {},
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "airbnb"
+  ],
+  "rules": {
+    "jsx-a11y": 0,
+    "semi": [
+      2,
+      "never"
+    ],
+    "brace-style": [
+      2,
+      "1tbs",
+      {
+        "allowSingleLine": true
+      }
+    ],
+    "camelcase": 2,
+    "comma-style": [
+      2,
+      "last"
+    ],
+    "curly": 2,
+    "eqeqeq": 2,
+    "func-names": 2,
+    "space-before-function-paren": [
+      "error",
+      "never"
+    ],
+    "guard-for-in": 2,
+    "wrap-iife": 2,
+    "no-undef": 2,
+    "new-cap": 2,
+    "quotes": [
+      2,
+      "single"
+    ],
+    "no-trailing-spaces": 2,
+    "comma-dangle": 0,
+    "max-len": [
+      2,
+      {
+        "code": 120,
+        "tabWidth": 2,
+        "ignoreComments": true,
+        "ignoreUrls": true,
+        "ignoreStrings": true,
+        "ignoreTemplateLiterals": true
+      }
+    ],
+    "no-underscore-dangle": 0,
+    "strict": 0,
+    "no-shadow": 0,
+    "no-var": 2,
+    "no-useless-rename": 2,
+    "no-new-object": 2,
+    "no-array-constructor": 2,
+    "no-unused-vars": 1,
+    "global-require": 0,
+    "prefer-spread": 1,
+    "prefer-arrow-callback": 2,
+    "prefer-const": 1,
+    "react/prop-types": 2,
+    "react/boolean-prop-naming": [
+      "warn",
+      {
+        "rule": "^(is|has)[A-Z]([A-Za-z0-9]?)+"
+      }
+    ],
+    "react/button-has-type": 0,
+    "react/self-closing-comp": 1,
+    "react/default-props-match-prop-types": 1,
+    "react/no-deprecated": 1,
+    "react/require-default-props": 0,
+    "react/jsx-pascal-case": 2,
+    "react/jsx-key": 1,
+    "react/jsx-no-duplicate-props": 2,
+    "react/jsx-props-no-spreading": 0,
+    "react/no-direct-mutation-state": 1,
+    "react/no-typos": 2,
+    "react/no-string-refs": 1,
+    "react/jsx-equals-spacing": [
+      2,
+      "never"
+    ],
+
+    "import/prefer-default-export": 0,
+    "react/no-array-index-key": 0,
+    "no-console": [
+      1,
+      {
+        "allow": ["warn", "error"]
+      }
+    ],
+    "no-extend-native": 2,
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [
+          ".js"
+        ]
+      }
+    ],
+    "react/jsx-max-props-per-line": [
+      2,
+      {
+        "maximum": 1,
+        "when": "multiline"
+      }
+    ],
+    "function-paren-newline": [
+      2,
+      "multiline"
+    ],
+    "object-curly-newline": [
+      "error",
+      {
+        "multiline": true,
+        "minProperties": 3,
+        "consistent": true
+      }
+    ],
+    "import/no-dynamic-require": 2,
+    "no-nested-ternary": 0,
+    "jsx-a11y/mouse-events-have-key-events": 0,
+    "jsx-a11y/no-noninteractive-element-interactions": 0,
+    "jsx-a11y/click-events-have-key-events": 0,
+    "jsx-a11y/label-has-for": 0,
+    "jsx-a11y/no-static-element-interactions": 0,
+    "jsx-a11y/label-has-associated-control": 0,
+    "jsx-a11y/anchor-is-valid": 0,
+    "react/no-did-update-set-state": 0,
+    "no-use-before-define": 0,
+    "react/forbid-prop-types": 0,
+    "import/no-extraneous-dependencies": [
+    "error",
+      {
+        "devDependencies": true,
+        "optionalDependencies": false,
+        "peerDependencies": false
+      }
+    ]
+  }
+}

.gitattributes

@@ -0,0 +1,4 @@
+*.js    eol=lf
+*.jsx   eol=lf
+*.json  eol=lf
+*.scss  eol=lf

.gitignore

@@ -0,0 +1,13 @@
+.next
+/node_modules
+/.pnp
+.pnp.js
+.env
+
+# misc
+.DS_Store
+.vscode
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.stylelintrc

@@ -0,0 +1,51 @@
+{
+  "extends": [
+    "stylelint-config-recommended",
+    "stylelint-config-standard",
+    "stylelint-8-point-grid"
+  ],
+  "rules": {
+    "length-zero-no-unit": true,
+    "max-empty-lines": 1,
+    "number-leading-zero": "never",
+    "indentation": 2,
+    "function-comma-space-after": "always",
+    "declaration-empty-line-before": null,
+    "color-hex-case": null,
+    "no-descending-specificity": null,
+    "at-rule-no-unknown": null,
+    "function-calc-no-invalid": true,
+    "property-no-unknown": [
+      true,
+      ignoreProperties: [
+        "resize-mode",
+        "shadow-color",
+        "shadow-offset",
+        "shadow-radius",
+        "shadow-opacity"
+      ]
+    ],
+    "plugin/8-point-grid": {
+      "base": 4,
+      "whitelist": ["-7px", "-6px", "-2px", "-1px", "0px", "1px", "2px", "6px", "10px", "14px", "22px"],
+      "ignore": [
+        "width",
+        "height",
+        "max-height",
+        "min-height",
+        "max-width",
+        "min-width",
+        "top",
+        "right",
+        "left"
+      ]
+    },
+    "rule-empty-line-before": [
+      "always-multi-line",
+      except: [
+        "first-nested",
+        "after-single-line-comment"
+      ]
+    ],
+  }
+}

.versionrc

@@ -0,0 +1,17 @@
+{
+  "types": [
+    {"type": "chore", "section":"Others", "hidden": false},
+    {"type": "revert", "section":"Reverts", "hidden": false},
+    {"type": "feat", "section": "Features", "hidden": false},
+    {"type": "fix", "section": "Bug Fixes", "hidden": false},
+    {"type": "improvement", "section": "Feature Improvements", "hidden": false},
+    {"type": "docs", "section":"Docs", "hidden": false},
+    {"type": "style", "section":"Styling", "hidden": false},
+    {"type": "refactor", "section":"Code Refactoring", "hidden": false},
+    {"type": "perf", "section":"Performance Improvements", "hidden": false},
+    {"type": "test", "section":"Tests", "hidden": false},
+    {"type": "build", "section":"Build System", "hidden": false},
+    {"type": "ci", "section":"CI", "hidden":false}
+  ],
+  "releaseCommitMessageFormat": "[skip ci] chore(release): {{currentTag}}"
+}

README.md

@@ -0,0 +1,7 @@
+# Next boilerplatee
+
+This is a next boilerplate
+
+To commit use `npm run commit`, this will open up the commitizen cli tool. We should be able to bind this to commit. However this caused the release to be in a infinite loop.
+
+To release a new version we have to use `npm run release`. We should be able to easily automate this by integrating a CI tool to run `npm run release` & running: `git push --follow-tags origin BRANCH_NAME`

bitbucket-pipelines.yml

@@ -0,0 +1,10 @@
+image: node:10.15.3
+
+pipelines:
+  branches:
+    master:
+      - step:
+          script:
+            - npm i
+            - npm run release
+            - git push --follow-tags origin master

next.config.js

@@ -0,0 +1,3 @@
+const withSass = require('@zeit/next-sass')
+
+module.exports = withSass()

package.json

@@ -0,0 +1,65 @@
+{
+  "name": "next-boilerplate",
+  "version": "0.0.1",
+  "description": "Next boilerplate",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start",
+    "commit": "git cz",
+    "release": "standard-version",
+    "storybook": "start-storybook -p 6006"
+  },
+  "repository": {
+    "type": "git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "homepage": "https://bitbucket.org/yummygum/next-boilerplate#readme",
+  "dependencies": {
+    "@zeit/next-sass": "^1.0.1",
+    "framer-motion": "^1.8.3",
+    "glob": "^7.1.6",
+    "next": "^9.2.1",
+    "next-seo": "^4.1.0",
+    "node-sass": "^4.13.1",
+    "prop-types": "^15.7.2",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.4",
+    "@storybook/addon-a11y": "^5.3.13",
+    "@storybook/addon-backgrounds": "^5.3.13",
+    "@storybook/addon-viewport": "^5.3.13",
+    "@storybook/addons": "^5.3.13",
+    "@storybook/preset-scss": "^1.0.2",
+    "@storybook/react": "^5.3.13",
+    "babel-eslint": "^10.0.3",
+    "babel-loader": "^8.0.6",
+    "css-loader": "^3.4.2",
+    "cz-conventional-changelog": "^3.1.0",
+    "eslint": "^6.8.0",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.18.3",
+    "prettier-eslint": "^9.0.1",
+    "prettier-eslint-cli": "^5.0.0",
+    "prettier-stylelint": "^0.4.2",
+    "sass-loader": "^8.0.2",
+    "standard-version": "^7.1.0",
+    "style-loader": "^1.1.3",
+    "stylelint": "^13.0.0",
+    "stylelint-8-point-grid": "^0.2.3",
+    "stylelint-config-recommended": "^3.0.0",
+    "stylelint-config-standard": "^19.0.0"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}

public/favicons/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/favicons/mstile-70x70.png"/>
+            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <square310x310logo src="/favicons/mstile-310x310.png"/>
+            <wide310x150logo src="/favicons/mstile-310x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>