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>
chore(release): 1.0.1 [skip ci]
2023-07-12 19:21:01 +01:00 · 2023-02-10 12:41:20 +00:00 · 2023-02-10 13:39:16 +01:00 · 2023-02-10 13:37:00 +01:00 · 2023-02-10 13:21:38 +01:00 · 2023-02-10 13:18:30 +01:00
18 changed files with 1861 additions and 1540 deletions
--- a/.eslintrc
+++ b/.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"
-  }
-}
--- a/.github/workflows/ci.yml
+++ b/.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
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@ -2,9 +2,7 @@ name: 'Lint'

 on:
  push:
-    branches: [develop]
-  pull_request:
-    branches: [master, develop]
+    branches: [main]

 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
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run lint:staged
--- a/.lintstagedrc
+++ b/.lintstagedrc
@ -1,12 +0,0 @@
-{
-  "*": [
-    "editorconfig-checker"
-  ],
-  "*.{js,ts,tsx}": [
-    "prettier --write",
-    "eslint --fix"
-  ],
-  "*.{json,jsonc,yml,yaml,md,mdx}": [
-    "prettier --write"
-  ]
-}
--- a/.prettierignore
+++ b/.prettierignore
@ -1,2 +0,0 @@
-.next
-*.hbs
--- a/.prettierrc
+++ b/.prettierrc
@ -1,7 +0,0 @@
-{
-  "singleQuote": true,
-  "jsxSingleQuote": true,
-  "semi": false,
-  "trailingComma": "none",
-  "bracketSameLine": true
-}
--- a/.releaserc
+++ b/.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"
  ]
 }
--- a/.vscode/settings.json
+++ b/.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
--- a/CHANGELOG.md
+++ b/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))
--- a/README.md
+++ b/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).

--- a/components/NextHead.tsx
+++ b/components/NextHead.tsx
@ -1,74 +1,62 @@
 import Head from 'next/head'
-import { projectConfig } from 'utils/config'
-
-interface HeadProps {
-  title?: string
-}
-
-const NextHead: React.FC<HeadProps> = (props) => {
-  const { title = projectConfig.shortName } = props
+import type { SEODefaultValues } from 'types/config'
+import { SEOConfig } from 'utils/config'

+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
-        rel='shortcut icon'
-        href={projectConfig.icons.default}
-        type='image/x-icon'
-      />
-      <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']}
-      />
+      <link rel='shortcut icon' href={icons?.default} type='image/x-icon' />
+      <link rel='apple-touch-icon' sizes='180x180' href={icons?.apple} />
+      <link rel='icon' type='image/png' sizes='16x16' href={icons?.['16_16']} />
+      <link rel='icon' type='image/png' sizes='32x32' href={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='language' content={projectConfig.defaultLocale} />
-      <meta name='theme-color' content={projectConfig.color} />
-      <meta name='copyright' content={projectConfig.shortName} />
-      <meta name='author' content={projectConfig.shortName} />
-      <meta name='publisher' content={projectConfig.shortName} />
+      <meta name='description' content={description} />
+      <meta name='language' content={defaultLocale} />
+      <meta name='theme-color' content={color} />
+      <meta name='copyright' content={shortName} />
+      <meta name='author' content={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:image' content={projectConfig.icons.image} />
-      <meta property='og:description' content={projectConfig.description} />
+      <meta property='og:url' content={url} />
+      <meta property='og:image' content={icons?.image} />
+      <meta property='og:description' content={description} />
      <meta
        property='og:locale'
-        content={`${
-          projectConfig.defaultLocale
-        }_${projectConfig.defaultLocale.toUpperCase()}`}
+        content={SEOConfig.defaultLocale?.concat(
+          '_',
+          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:title' content={projectConfig.longName} />
-      <meta name='twitter:image:src' content={projectConfig.icons.image} />
+      <meta name='twitter:description' content={description} />
+      <meta name='twitter:title' content={longName} />
+      <meta name='twitter:image:src' content={icons?.image} />
    </Head>
  )
 }
--- a/package.json
+++ b/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",
-    "classnames": "^2.3.1",
+    "@fontsource/open-sans": "^4.5.14",
+    "classnames": "^2.3.2",
    "js-cookie": "^3.0.1",
-    "next": "^12.2.5",
-    "next-translate": "^1.5.0",
+    "next": "^13.1.6",
+    "next-translate": "^1.6.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
-    "@commitlint/cli": "^17.0.3",
-    "@commitlint/config-conventional": "^17.0.3",
+    "@commitlint/cli": "^17.4.2",
+    "@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/react": "18.0.17",
-    "@typescript-eslint/eslint-plugin": "^5.33.0",
-    "@typescript-eslint/parser": "^5.33.0",
-    "autoprefixer": "^10.4.8",
-    "editorconfig-checker": "^4.0.2",
-    "eslint": "^8.21.0",
-    "eslint-config-next": "12.2.5",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-config-standard-with-typescript": "^22.0.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.2.4",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "eslint-plugin-unicorn": "^43.0.2",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "plop": "^3.1.1",
-    "postcss": "^8.4.16",
-    "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.13",
-    "react-icons": "^4.4.0",
-    "semantic-release": "^19.0.3",
-    "tailwindcss": "^3.1.8",
-    "typescript": "^4.7.4"
+    "@types/node": "18.13.0",
+    "@types/react": "18.0.27",
+    "@walidoux/eslint-config": "^1.0.2",
+    "@walidoux/prettier-config": "^1.0.1",
+    "autoprefixer": "^10.4.13",
+    "editorconfig-checker": "^5.0.1",
+    "eslint": "^8.33.0",
+    "husky": "^8.0.3",
+    "nano-staged": "^0.8.0",
+    "plop": "^3.1.2",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.4",
+    "prettier-plugin-tailwindcss": "^0.2.2",
+    "eslint-config-next": "13.1.6",
+    "react-icons": "^4.7.1",
+    "semantic-release": "^20.1.0",
+    "tailwindcss": "^3.2.6",
+    "typescript": "^4.9.5"
+  },
+  "keywords": [
+    "boilerplate",
+    "nextjs",
+    "react",
+    "typescript",
+    "tsx",
+    "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,
-  "branches": [
-    "master"
+  "prettier": "@walidoux/prettier-config",
+  "eslintConfig": {
+    "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"
    ]
  }
+}
--- a/pages/_app.tsx
+++ b/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(() => {
--- a/pages/index.tsx
+++ b/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 />
-        <span className='px-3 text-center text-lg italic text-white opacity-90'>
+          {t('home:title')}
+        </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'>
-        <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'>
+        <Link
+          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>
  )
 }

--- a/types/projectConfig.ts
+++ b/types/projectConfig.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 PCDefaultValues extends PCProps {
-  icons: Record<PCIconsKeys, string>
+export interface SEODefaultValues extends Partial<Record<SEOKeys, string>> {
+  icons?: Record<PCIconsKeys, string>
 }
--- a/utils/config.ts
+++ b/utils/config.ts
@ -1,11 +1,12 @@
-import { PCDefaultValues } from 'types/projectConfig'
+import { SEODefaultValues } from 'types/config'

-export const projectConfig: PCDefaultValues = {
-  shortName: 'Boilerplate',
-  longName: 'Next.Js Boilerplate',
-  description:
-    'The latest Next.js boilerplate starter code/time saver with Typescript / SCSS. Including linters such as: Prettier, Eslint and Stylelint.',
-  url: 'Unknown project url',
+export const PROJECT_NAME = 'Boilerplate'
+
+export const SEOConfig: SEODefaultValues = {
+  shortName: PROJECT_NAME,
+  longName: `Next.Js ${PROJECT_NAME}`,
+  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: {
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
dependabot[bot]	0be17aa8b9	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>	2023-07-12 19:21:01 +01:00
semantic-release-bot	752149de0f	chore(release): 1.0.1 [skip ci] ## [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](`6b12abd1d0`)) * add missing semantic release config ([3a3688e](`3a3688e139`)) * resolve unrecognizable ci job ([6af5714](`6af5714037`)) * test config releaserc ([084d825](`084d8254b4`)) * types: resolve type key ([169ea5d](`169ea5d30a`)) ### Reverts * reintegrate releaserc config ([aded12f](`aded12f4db`))	2023-02-10 12:41:20 +00:00
Walidoux	f29c330c34	chore(ci): target main branch for releases	2023-02-10 13:39:16 +01:00
Walid	fc71f2a7b6	refactor(markdown): update background	2023-02-10 13:37:00 +01:00
Walidoux	3ce44be8d4	chore(ci): update lock file	2023-02-10 13:21:38 +01:00
Walidoux	169ea5d30a	fix(types): resolve type key	2023-02-10 13:18:30 +01:00
Walidoux	1b930b5d63	chore(deps): update latest	2023-02-10 13:18:17 +01:00
Walidoux	e372445957	chore(ci): bump ci from 16 to 18 due to semantic release	2023-02-10 12:51:16 +01:00
Walidoux	3d354f02f6	chore(ci): centralize branch	2023-02-10 12:44:23 +01:00
Walidoux	031e813c72	refactor(pages): clean up	2023-02-10 12:42:32 +01:00
Walidoux	d10a35d1d2	refactor(next/head): improve SEO	2023-02-10 12:42:05 +01:00
Walidoux	7c3e436d85	refactor(config): update config + types	2023-02-10 12:41:47 +01:00
Walidoux	bb304f8805	build(deps): update latest	2023-02-10 12:26:37 +01:00
Walid	b2bacee909	Merge branch 'master' into develop	2022-08-27 22:36:13 +01:00
Walidoux	35bcfcdf04	refactor: update code linting and formatting	2022-08-27 22:26:50 +01:00
Walidoux	9f742a613b	refactor: integrate @walidoux/[prettier/eslint]-config	2022-08-27 21:37:50 +01:00
Walid	977474a550	Merge branch 'master' into develop	2022-08-14 01:36:02 +01:00
Walidoux	6b12abd1d0	fix: 403 forbidden publish	2022-08-14 01:35:09 +01:00
Walid	fc58263c3e	Merge branch 'master' into develop	2022-08-14 01:30:29 +01:00
Walidoux	084d8254b4	fix: test config releaserc	2022-08-14 01:29:02 +01:00
Walidoux	aded12f4db	revert: reintegrate releaserc config	2022-08-14 01:06:45 +01:00
Walidoux	b6391d4d91	refactor: update ci and semantic release	2022-08-14 01:02:23 +01:00
Walidoux	3a3688e139	fix: add missing semantic release config	2022-08-13 20:11:38 +01:00
Walidoux	68a421754f	refactor(workflow): reconfigure ci.yml	2022-08-13 20:06:41 +01:00
Walidoux	6af5714037	fix: resolve unrecognizable ci job	2022-08-13 19:46:35 +01:00