build(deps): bump semver from 5.7.1 to 5.7.2 (#53)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.eslintrc

@@ -1,20 +0,0 @@
-{
-  "plugins": ["prettier", "simple-import-sort"],
-  "extends": ["standard-with-typescript", "prettier"],
-  "env": {
-    "node": true,
-    "browser": true,
-    "jest": true
-  },
-  "parserOptions": {
-    "ecmaVersion": "latest",
-    "project": ["./tsconfig.json"]
-  },
-  "ignorePatterns": ["out", "**/*.config.js", "**/*.d.ts", "plopfile.js"],
-  "rules": {
-    "prettier/prettier": "error",
-    "simple-import-sort/imports": "error",
-    "simple-import-sort/exports": "error",
-    "@next/next/no-img-element": "off"
-  }
-}

.github/workflows/ci.yml

@@ -2,7 +2,7 @@ name: 'Build & Release'
 
 on:
   push:
-    branches: [master]
+    branches: [main]
 
 jobs:
   build-release:
@@ -15,7 +15,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3.1.1
         with:
-          node-version: 16.x
+          node-version: 18.x
 
       - name: Install dependencies
         run: yarn --frozen-lockfile

.github/workflows/lint.yml

@@ -2,9 +2,7 @@ name: 'Lint'
 
 on:
   push:
-    branches: [develop]
+    branches: [main]
-  pull_request:
-    branches: [master, develop]
 
 jobs:
   build:
@@ -17,7 +15,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3.1.1
         with:
-          node-version: 16.x
+          node-version: 18.x
 
       - name: Install dependencies
         run: yarn --frozen-lockfile

.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run lint:staged

.lintstagedrc

@@ -1,12 +0,0 @@
-{
-  "*": [
-    "editorconfig-checker"
-  ],
-  "*.{js,ts,tsx}": [
-    "prettier --write",
-    "eslint --fix"
-  ],
-  "*.{json,jsonc,yml,yaml,md,mdx}": [
-    "prettier --write"
-  ]
-}

.prettierignore

@@ -1,2 +0,0 @@
-.next
-*.hbs

.prettierrc

@@ -1,7 +0,0 @@
-{
-  "singleQuote": true,
-  "jsxSingleQuote": true,
-  "semi": false,
-  "trailingComma": "none",
-  "bracketSameLine": true
-}

.releaserc

@@ -1,12 +1,18 @@
 {
   "branches": [
-    "master"
+    "main"
   ],
   "plugins": [
     [
       "@semantic-release/commit-analyzer",
       {
-        "preset": "conventionalcommits"
+        "preset": "conventionalcommits",
+        "parserOpts": {
+          "noteKeywords": [
+            "BREAKING CHANGE",
+            "BREAKING CHANGES"
+          ]
+        }
       }
     ],
     [
@@ -15,7 +21,14 @@
         "preset": "conventionalcommits"
       }
     ],
+    [
+      "@semantic-release/changelog",
+      {
+        "changelogFile": "CHANGELOG.md"
+      }
+    ],
     "@semantic-release/npm",
+    "@semantic-release/git",
     "@semantic-release/github"
   ]
 }

.vscode/settings.json

@@ -1,9 +1,7 @@
 {
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.tsdk": "node_modules/typescript/lib",
-  "prettier.configPath": ".prettierrc",
   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.bracketPairColorization.enabled": true,
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll": true

CHANGELOG.md

@@ -0,0 +1,15 @@
+## [1.0.1](https://github.com/Walidoux/next-app-boilerplate/compare/v1.0.0...v1.0.1) (2023-02-10)
+
+
+### Bug Fixes
+
+* 403 forbidden publish ([6b12abd](https://github.com/Walidoux/next-app-boilerplate/commit/6b12abd1d06376e9df2811fc1291f596106cc85e))
+* add missing semantic release config ([3a3688e](https://github.com/Walidoux/next-app-boilerplate/commit/3a3688e1394b3b7c8755d4bd2fc1a063c67ba571))
+* resolve unrecognizable ci job ([6af5714](https://github.com/Walidoux/next-app-boilerplate/commit/6af57140377f8d75b74ec78e48b9f25af72ff041))
+* test config releaserc ([084d825](https://github.com/Walidoux/next-app-boilerplate/commit/084d8254b411eaedfdd0a0ef6b3e28606ee0c3ea))
+* **types:** resolve type key ([169ea5d](https://github.com/Walidoux/next-app-boilerplate/commit/169ea5d30a832817ae9d275d88e1953712ef6224))
+
+
+### Reverts
+
+* reintegrate releaserc config ([aded12f](https://github.com/Walidoux/next-app-boilerplate/commit/aded12f4dbb704f6a85a29a6fce3700544a24fe0))

README.md

@@ -2,7 +2,7 @@
 
 ⚙️ The Next.js 12.1.0 boilerplate starter code/time saver with Typescript / SCSS. Including linters such as: Prettier, Eslint and Stylelint.
 
-![Boilerplate](https://repository-images.githubusercontent.com/458642085/47fb4fd4-db09-43d5-be7b-1bdd4a7fe851)
+![Boilerplate](https://repository-images.githubusercontent.com/458642085/58b05448-bf95-4492-b1d3-4dbfd7630ce0)
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 

components/NextHead.tsx

@@ -1,74 +1,62 @@
 import Head from 'next/head'
-import { projectConfig } from 'utils/config'
+import type { SEODefaultValues } from 'types/config'
-
+import { SEOConfig } from 'utils/config'
-interface HeadProps {
-  title?: string
-}
-
-const NextHead: React.FC<HeadProps> = (props) => {
-  const { title = projectConfig.shortName } = props
 
+const NextHead: React.FC<SEODefaultValues> = ({
+  shortName = SEOConfig.shortName,
+  longName = SEOConfig.longName,
+  color = SEOConfig.color,
+  defaultLocale = SEOConfig.defaultLocale,
+  description = SEOConfig.description,
+  icons = SEOConfig.icons,
+  url = SEOConfig.url
+}) => {
   return (
     <Head>
-      <title>{title}</title>
+      <title>{shortName}</title>
 
-      <link
+      <link rel='shortcut icon' href={icons?.default} type='image/x-icon' />
-        rel='shortcut icon'
+      <link rel='apple-touch-icon' sizes='180x180' href={icons?.apple} />
-        href={projectConfig.icons.default}
+      <link rel='icon' type='image/png' sizes='16x16' href={icons?.['16_16']} />
-        type='image/x-icon'
+      <link rel='icon' type='image/png' sizes='32x32' href={icons?.['32_32']} />
-      />
-      <link
-        rel='apple-touch-icon'
-        sizes='180x180'
-        href={projectConfig.icons.apple}
-      />
-      <link
-        rel='icon'
-        type='image/png'
-        sizes='16x16'
-        href={projectConfig.icons['16_16']}
-      />
-      <link
-        rel='icon'
-        type='image/png'
-        sizes='32x32'
-        href={projectConfig.icons['32_32']}
-      />
 
       {/* Default meta tags */}
 
+      <meta charSet='UTF-8' />
+      <meta httpEquiv='X-UA-Compatible' content='IE=edge' />
       <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content={projectConfig.description} />
+      <meta name='description' content={description} />
-      <meta name='language' content={projectConfig.defaultLocale} />
+      <meta name='language' content={defaultLocale} />
-      <meta name='theme-color' content={projectConfig.color} />
+      <meta name='theme-color' content={color} />
-      <meta name='copyright' content={projectConfig.shortName} />
+      <meta name='copyright' content={shortName} />
-      <meta name='author' content={projectConfig.shortName} />
+      <meta name='author' content={shortName} />
-      <meta name='publisher' content={projectConfig.shortName} />
+      <meta name='publisher' content={shortName} />
       <meta name='robots' content='index, follow' />
       <meta name='rating' content='general' />
       <meta name='distribution' content='global' />
-      <meta name='msapplication-TileColor' content={projectConfig.color} />
+      <meta name='msapplication-TileColor' content={color} />
 
       {/* Open graph MT */}
 
-      <meta property='og:title' content={projectConfig.shortName} />
+      <meta property='og:title' content={shortName} />
       <meta property='og:type' content='website' />
-      <meta property='og:url' content={projectConfig.url} />
+      <meta property='og:url' content={url} />
-      <meta property='og:image' content={projectConfig.icons.image} />
+      <meta property='og:image' content={icons?.image} />
-      <meta property='og:description' content={projectConfig.description} />
+      <meta property='og:description' content={description} />
       <meta
         property='og:locale'
-        content={`${
+        content={SEOConfig.defaultLocale?.concat(
-          projectConfig.defaultLocale
+          '_',
-        }_${projectConfig.defaultLocale.toUpperCase()}`}
+          SEOConfig.defaultLocale.toUpperCase()
+        )}
       />
-      <meta property='og:site_name' content={projectConfig.longName} />
+      <meta property='og:site_name' content={longName} />
 
       {/* Twitter card Metadata */}
       <meta name='twitter:card' content='summary' />
-      <meta name='twitter:description' content={projectConfig.description} />
+      <meta name='twitter:description' content={description} />
-      <meta name='twitter:title' content={projectConfig.longName} />
+      <meta name='twitter:title' content={longName} />
-      <meta name='twitter:image:src' content={projectConfig.icons.image} />
+      <meta name='twitter:image:src' content={icons?.image} />
     </Head>
   )
 }

package.json

@@ -1,24 +1,8 @@
 {
   "name": "next-app-boilerplate",
-  "version": "0.0.0-development",
+  "version": "1.0.1",
+  "private": true,
   "license": "MIT",
-  "keywords": [
-    "template",
-    "tailwindcss",
-    "tsx",
-    "jsx",
-    "plopjs",
-    "fontsource",
-    "next-translate",
-    "nextjs",
-    "react",
-    "semantic-release",
-    "husky"
-  ],
-  "author": {
-    "name": "Walid",
-    "url": "https://walidkorchi.com"
-  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -26,51 +10,64 @@
     "check-types": "tsc --noemit",
     "lint:next": "next lint",
     "lint:editorconfig": "editorconfig-checker",
-    "lint:prettier": "prettier \".\" --check",
+    "lint:prettier": "prettier \".\" --check --ignore-unknown '!**/*.hbs' --ignore-path \".gitignore\"",
     "lint:commit": "commitlint",
-    "lint:staged": "lint-staged",
     "release": "semantic-release",
     "generate": "plop"
   },
   "dependencies": {
-    "@fontsource/open-sans": "^4.5.11",
+    "@fontsource/open-sans": "^4.5.14",
-    "classnames": "^2.3.1",
+    "classnames": "^2.3.2",
     "js-cookie": "^3.0.1",
-    "next": "^12.2.5",
+    "next": "^13.1.6",
-    "next-translate": "^1.5.0",
+    "next-translate": "^1.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.0.3",
+    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.0.3",
+    "@commitlint/config-conventional": "^17.4.2",
+    "@semantic-release/changelog": "^6.0.2",
+    "@semantic-release/git": "^10.0.1",
     "@types/js-cookie": "^3.0.2",
-    "@types/node": "18.7.2",
+    "@types/node": "18.13.0",
-    "@types/react": "18.0.17",
+    "@types/react": "18.0.27",
-    "@typescript-eslint/eslint-plugin": "^5.33.0",
+    "@walidoux/eslint-config": "^1.0.2",
-    "@typescript-eslint/parser": "^5.33.0",
+    "@walidoux/prettier-config": "^1.0.1",
-    "autoprefixer": "^10.4.8",
+    "autoprefixer": "^10.4.13",
-    "editorconfig-checker": "^4.0.2",
+    "editorconfig-checker": "^5.0.1",
-    "eslint": "^8.21.0",
+    "eslint": "^8.33.0",
-    "eslint-config-next": "12.2.5",
+    "husky": "^8.0.3",
-    "eslint-config-prettier": "^8.5.0",
+    "nano-staged": "^0.8.0",
-    "eslint-config-standard-with-typescript": "^22.0.0",
+    "plop": "^3.1.2",
-    "eslint-plugin-import": "^2.26.0",
+    "postcss": "^8.4.21",
-    "eslint-plugin-n": "^15.2.4",
+    "prettier": "^2.8.4",
-    "eslint-plugin-prettier": "^4.2.1",
+    "prettier-plugin-tailwindcss": "^0.2.2",
-    "eslint-plugin-promise": "^6.0.0",
+    "eslint-config-next": "13.1.6",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "react-icons": "^4.7.1",
-    "eslint-plugin-unicorn": "^43.0.2",
+    "semantic-release": "^20.1.0",
-    "husky": "^8.0.1",
+    "tailwindcss": "^3.2.6",
-    "lint-staged": "^13.0.3",
+    "typescript": "^4.9.5"
-    "plop": "^3.1.1",
+  },
-    "postcss": "^8.4.16",
+  "keywords": [
-    "prettier": "^2.7.1",
+    "boilerplate",
-    "prettier-plugin-tailwindcss": "^0.1.13",
+    "nextjs",
-    "react-icons": "^4.4.0",
+    "react",
-    "semantic-release": "^19.0.3",
+    "typescript",
-    "tailwindcss": "^3.1.8",
+    "tsx",
-    "typescript": "^4.7.4"
+    "tailwindcss",
+    "jsx",
+    "plopjs",
+    "fontsource",
+    "next-translate",
+    "conventional-commit",
+    "semantic-release",
+    "husky"
+  ],
+  "author": {
+    "name": "Walidoux",
+    "email": "contact@walidkorchi.com",
+    "url": "https://walidkorchi.com"
   },
   "repository": {
     "type": "git",
@@ -83,8 +80,36 @@
   "publishConfig": {
     "access": "public"
   },
-  "private": true,
+  "prettier": "@walidoux/prettier-config",
-  "branches": [
+  "eslintConfig": {
-    "master"
+    "extends": [
+      "@walidoux/eslint-config"
+    ],
+    "ignorePatterns": [
+      "out",
+      "**/*.config.js",
+      "**/*.d.ts",
+      "plopfile.js"
+    ],
+    "rules": {
+      "@next/next/no-img-element": "off"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "nano-staged"
+    }
+  },
+  "nano-staged": {
+    "*": [
+      "editorconfig-checker"
+    ],
+    "**/*.js": [
+      "eslint --fix",
+      "prettier --ignore-path .eslintignore --write"
+    ],
+    "**/*.{json,md,yml}": [
+      "prettier --ignore-path .eslintignore --write"
     ]
   }
+}

pages/_app.tsx

@@ -10,7 +10,6 @@ import { useEffect } from 'react'
 const MyApp = ({ Component, pageProps }: AppProps): JSX.Element => {
   const { lang } = useTranslation()
 
-  // 10 years before cookie's expiration
   const COOKIE_EXPIRATION = 10 * 365.25 * 24 * 60 * 60
 
   useEffect(() => {

pages/index.tsx

@@ -3,28 +3,32 @@ import type { NextPage } from 'next'
 import Link from 'next/link'
 import useTranslation from 'next-translate/useTranslation'
 import { FiGithub } from 'react-icons/fi'
+import { Fragment } from 'react'
 
 const Home: NextPage = () => {
   const { t } = useTranslation()
 
   return (
-    <main className='flex min-h-screen max-w-full flex-col items-center justify-center bg-gradient-to-br from-primary to-secondary'>
+    <Fragment>
       <NextHead />
 
+      <main className='flex min-h-screen max-w-full flex-col items-center justify-center bg-gradient-to-br from-primary to-secondary'>
         <p className='px-3 text-center text-4xl italic text-white'>
-        {t('home:title')} <br />
+          {t('home:title')}
-        <span className='px-3 text-center text-lg italic text-white opacity-90'>
+        </p>
+        <span className='mt-3 px-3 text-center text-lg italic text-white/90'>
           {t('home:subtitle')}
         </span>
-      </p>
 
-      <Link href='https://github.com/Walidoux/next-app-boilerplate'>
+        <Link
-        <a className='mt-7 flex cursor-pointer items-center justify-center rounded-xl border-none bg-white bg-none py-[10px] px-6 font-semibold text-black no-underline outline-none transition duration-300 hover:bg-black hover:text-white'>
+          target='_blank'
+          href='https://github.com/Walidoux/next-app-boilerplate'
+          className='mt-7 flex cursor-pointer items-center justify-center rounded-xl border-none bg-white/80 bg-none py-[10px] px-6 font-semibold text-black no-underline outline-none transition duration-300 hover:bg-black/50 hover:text-white'>
           <FiGithub fontSize={20} />
           <span className='ml-3'>{t('common:repo-github')}</span>
-        </a>
         </Link>
       </main>
+    </Fragment>
   )
 }
 

types/config.ts

@@ -1,4 +1,4 @@
-type PCKeys =
+type SEOKeys =
   | 'shortName'
   | 'longName'
   | 'description'
@@ -7,8 +7,6 @@ type PCKeys =
   | 'defaultLocale'
 type PCIconsKeys = 'default' | 'image' | 'apple' | '16_16' | '32_32'
 
-type PCProps = Record<PCKeys, string>
+export interface SEODefaultValues extends Partial<Record<SEOKeys, string>> {
-
+  icons?: Record<PCIconsKeys, string>
-export interface PCDefaultValues extends PCProps {
-  icons: Record<PCIconsKeys, string>
 }

utils/config.ts

@@ -1,11 +1,12 @@
-import { PCDefaultValues } from 'types/projectConfig'
+import { SEODefaultValues } from 'types/config'
 
-export const projectConfig: PCDefaultValues = {
+export const PROJECT_NAME = 'Boilerplate'
-  shortName: 'Boilerplate',
+
-  longName: 'Next.Js Boilerplate',
+export const SEOConfig: SEODefaultValues = {
-  description:
+  shortName: PROJECT_NAME,
-    'The latest Next.js boilerplate starter code/time saver with Typescript / SCSS. Including linters such as: Prettier, Eslint and Stylelint.',
+  longName: `Next.Js ${PROJECT_NAME}`,
-  url: 'Unknown project url',
+  description: `My Next.JS ${PROJECT_NAME} with TS - Tailwind CSS and much more.`,
+  url: 'https://next-app-boilerplate.vercel.app/',
   defaultLocale: 'en',
   color: '#775aaa',
   icons: {