Initialize Assignment boilerplate Next project

README.md

@@ -1,7 +1,12 @@
-# Next boilerplatee
+# Assignment boilerplate
 
-This is a next boilerplate
+## Install
+Make sure that you have node 12 or up installed:
+```sh
+npm install
+```
 
-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`
+After installation run:
+```sh
+npm run dev
+```

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "next-boilerplate",
-  "version": "0.0.1",
-  "description": "Next boilerplate",
+  "name": "assignment-boilerplate",
+  "version": "0.1.0",
+  "description": "Assignment boilerplate",
   "main": "index.js",
   "scripts": {
     "dev": "next",
@@ -17,7 +17,6 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "homepage": "https://bitbucket.org/yummygum/next-boilerplate#readme",
   "dependencies": {
     "@zeit/next-sass": "^1.0.1",
     "framer-motion": "^1.8.3",
@@ -56,10 +55,5 @@
     "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"
-    }
   }
 }

src/components/atoms/Button/index.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import Link from 'next/link'
+// import Link from 'next/link'
 import PropTypes from 'prop-types'
 
 // Styles
@@ -10,41 +10,9 @@ function Button({
   size = 'm',
   isDisabled,
   children,
-  onClick,
-  url,
-  to
+  onClick
 }) {
-  return to ? (
-    <Link href={to}>
-      <button
-        type="button"
-        onClick={onClick}
-        className={`
-          button
-          ${variation}
-          ${size}
-          ${isDisabled ? 'disabled' : ''}
-        `}
-        disabled={isDisabled}
-      >
-        {children}
-      </button>
-    </Link>
-  ) : url ? (
-    <a
-      href={url}
-      onClick={onClick}
-      className={`
-        button
-        ${variation || 'primary'}
-        ${size || 'medium'}
-        ${isDisabled ? 'disabled' : ''}
-      `}
-      disabled={isDisabled}
-    >
-      {children}
-    </a>
-  ) : (
+  return (
     <button
       className={`
         button
@@ -73,9 +41,7 @@ Button.propTypes = {
   ]),
   isDisabled: PropTypes.bool,
   children: PropTypes.any,
-  onClick: PropTypes.func,
-  url: PropTypes.string,
-  to: PropTypes.string
+  onClick: PropTypes.func
 }
 
 export default Button

src/pages/_app.js

@@ -3,16 +3,12 @@ import PropTypes from 'prop-types'
 import Head from 'next/head'
 import { NextSeo } from 'next-seo'
 
-// Verion number
-import Version from '../components/atoms/Version'
-import { version } from '../../package.json'
-
 // Styling
 import '../styles/index.scss'
 
 const metaData = {
-  name: `Next boilerplate ${version}`,
-  description: 'This is a Next boilerplate'
+  name: 'Assignment boilerplate',
+  description: 'This is a Assignment boilerplate'
 }
 
 function MyApp({ Component, pageProps }) {
@@ -41,18 +37,18 @@ function MyApp({ Component, pageProps }) {
           images: [
             {
               url: '/favicons/meta-img.png',
-              alt: 'Next boilerplate',
+              alt: 'Assignment boilerplate'
             }
           ],
           site_name: name,
         }}
         twitter={{
           handle: '@yummygum',
           site: '@yummygum',
-          cardType: 'summary_large_image',
+          cardType: 'summary_large_image'
         }}
       />
-      <Version currentVersion={version} />
+
       <Component {...pageProps} />
     </>
   )

src/pages/index.js

@@ -8,7 +8,10 @@ function Homepage() {
     <main className="home">
       <div className="grid">
         <div className="container-sm">
-          <h1 className="title-layer1-700">Next Boilerplate</h1>
+          <h1 className="title-layer1-700">
+            <span role="img" aria-label="wave">👋</span>
+            Assignment boilerplate
+          </h1>
           <Button>Doe is</Button>
         </div>
       </div>