build(deps): bump Node.js to 16.0.0 and npm to 8.0.0

BREAKING CHANGE: minimum supported Node.js >= 16.0.0 and npm >= 8.0.0

fixes #74

CONTRIBUTING.md

@@ -51,8 +51,8 @@ Scopes define what part of the code changed.
 
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/) >= 14.0.0
+- [Node.js](https://nodejs.org/) >= 16.0.0
-- [npm](https://www.npmjs.com/) >= 7.0.0
+- [npm](https://www.npmjs.com/) >= 8.0.0
 
 ### Installation
 

Dockerfile

@@ -1,15 +1,15 @@
-FROM node:16.12.0 AS dependencies
+FROM node:16.13.0 AS dependencies
 WORKDIR /usr/src/app
 COPY ./package*.json ./
 RUN npm clean-install
 
-FROM node:16.12.0 AS builder
+FROM node:16.13.0 AS builder
 WORKDIR /usr/src/app
 COPY ./ ./
 COPY --from=dependencies /usr/src/app/node_modules ./node_modules
 RUN npm run build
 
-FROM node:16.12.0 AS runner
+FROM node:16.13.0 AS runner
 WORKDIR /usr/src/app
 ENV NODE_ENV=production
 COPY --from=builder /usr/src/app/next.config.js ./next.config.js

components/ErrorPage.tsx

@@ -25,7 +25,7 @@ export const ErrorPage: React.FC<ErrorPageProps> = (props) => {
         {message}{' '}
         <Link href='/'>
           <a className='text-yellow dark:text-yellow-dark hover:underline'>
-            {t('errors:returnToHomePage')}
+            {t('errors:return-to-home-page')}
           </a>
         </Link>
       </p>

components/Footer.tsx

@@ -22,7 +22,7 @@ export const Footer: React.FC<FooterProps> = (props) => {
             Divlo
           </a>
         </Link>{' '}
-        | {t('common:allRightsReserved')}
+        | {t('common:all-rights-reserved')}
       </p>
       <p className='mt-1'>
         Version{' '}

components/Profile/ProfileDescriptionBottom.tsx

@@ -4,7 +4,7 @@ export const ProfileDescriptionBottom: React.FC = () => {
   return (
     <p className='mt-8 mb-8 font-normal text-base text-gray dark:text-gray-dark'>
       <Translation
-        i18nKey='home:about.descriptionBottom'
+        i18nKey='home:about.description-bottom'
         components={[<br key='break' />]}
       />
     </p>

components/Profile/ProfileInfo.tsx

@@ -6,7 +6,7 @@ export const ProfileInformation: React.FC = () => {
   return (
     <div className='pb-2 mb-6 border-b-2 font-headline border-gray-600 dark:border-gray-400'>
       <h1 className='text-4xl mb-2'>
-        {t('home:about.IAm')}{' '}
+        {t('home:about.i-am')}{' '}
         <strong className='font-semibold text-yellow dark:text-yellow-dark'>
           Divlo
         </strong>

components/Profile/ProfileList/index.tsx

@@ -7,7 +7,7 @@ export const ProfileList: React.FC = () => {
 
   return (
     <ul className='m-0 p-0 list-none'>
-      <ProfileItem title={t('home:about.birthDate')} value='31/03/2003' />
+      <ProfileItem title={t('home:about.birth-date')} value='31/03/2003' />
       <ProfileItem title={t('home:about.nationality')} value='Alsace, France' />
       <ProfileItem
         title='Email'

components/Skills/index.tsx

@@ -30,7 +30,7 @@ export const Skills: React.FC = () => {
         <SkillComponent skill='MySQL' />
       </SkillsSection>
 
-      <SkillsSection title={t('home:skills.softwareTools')}>
+      <SkillsSection title={t('home:skills.software-tools')}>
         <SkillComponent skill='GNU/Linux' />
         <SkillComponent skill='Ubuntu' />
         <SkillComponent skill='Visual Studio Code' />

locales/en/common.json

@@ -1,6 +1,6 @@
 {
   "english": "English",
   "french": "French",
-  "allRightsReserved": "All rights reserved",
+  "all-rights-reserved": "All rights reserved",
   "home": "Home"
 }

locales/en/errors.json

@@ -1,6 +1,6 @@
 {
-  "returnToHomePage": "Return to the home page?",
+  "return-to-home-page": "Return to the home page?",
   "error": "Error",
-  "serverError": "Internal Server Error!",
+  "server-error": "Internal Server Error!",
-  "notFound": "This page doesn't exist!"
+  "not-found": "This page doesn't exist!"
 }

locales/en/home.json

@@ -1,10 +1,10 @@
 {
   "about": {
-    "IAm": "I am",
+    "i-am": "I am",
     "description": "Developer Full Stack Junior • Passionate about High-Tech",
-    "birthDate": "Birth date",
+    "birth-date": "Birth date",
     "nationality": "Nationality",
-    "descriptionBottom": "I am self-taught in Computer Science by following online trainings and I am also a student at the university following the French training \"BUT Informatique\" (first year). <0/> <0/> I put into practice everything I learn and make many projects."
+    "description-bottom": "I am self-taught in Computer Science by following online trainings and I am also a student at the university following the French training \"BUT Informatique\" (first year). <0/> <0/> I put into practice everything I learn and make many projects."
   },
   "interests": {
     "title": "Interests",
@@ -26,7 +26,7 @@
   "skills": {
     "title": "Skills",
     "languages": "Programming languages",
-    "softwareTools": "Software and tools"
+    "software-tools": "Software and tools"
   },
   "portfolio": {
     "title": "Portfolio",

locales/fr/common.json

@@ -1,6 +1,6 @@
 {
   "english": "Anglais",
   "french": "Français",
-  "allRightsReserved": "Tous droits réservés",
+  "all-rights-reserved": "Tous droits réservés",
   "home": "Accueil"
 }

locales/fr/errors.json

@@ -1,6 +1,6 @@
 {
-  "returnToHomePage": "Revenir à la page d'accueil ?",
+  "return-to-home-page": "Revenir à la page d'accueil ?",
   "error": "Erreur",
-  "serverError": "Erreur Interne du Serveur !",
+  "server-error": "Erreur Interne du Serveur !",
-  "notFound": "Cette page n'existe pas!"
+  "not-found": "Cette page n'existe pas!"
 }

locales/fr/home.json

@@ -1,10 +1,10 @@
 {
   "about": {
-    "IAm": "Je suis",
+    "i-am": "Je suis",
     "description": "Développeur Full Stack Junior • Passionné de High-Tech",
-    "birthDate": "Date de naissance",
+    "birth-date": "Date de naissance",
     "nationality": "Nationalité",
-    "descriptionBottom": "Je me forme en autodidacte dans l'informatique en suivant des formations en ligne et je suis aussi un étudiant à l'université suivant la formation \"BUT Informatique\" (première année). <0/> <0/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets."
+    "description-bottom": "Je me forme en autodidacte dans l'informatique en suivant des formations en ligne et je suis aussi un étudiant à l'université suivant la formation \"BUT Informatique\" (première année). <0/> <0/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets."
   },
   "interests": {
     "title": "Intérêts",
@@ -26,7 +26,7 @@
   "skills": {
     "title": "Compétences",
     "languages": "Langages de programmation",
-    "softwareTools": "Logiciels et outils"
+    "software-tools": "Logiciels et outils"
   },
   "portfolio": {
     "title": "Portfolio",

package.json

@@ -7,8 +7,8 @@
     "url": "https://github.com/Divlo/Divlo"
   },
   "engines": {
-    "node": ">=14.0.0",
+    "node": ">=16.0.0",
-    "npm": ">=7.0.0"
+    "npm": ">=8.0.0"
   },
   "scripts": {
     "dev": "next dev",
@@ -48,18 +48,18 @@
     "universal-cookie": "4.0.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "13.2.1",
+    "@commitlint/cli": "14.1.0",
-    "@commitlint/config-conventional": "13.2.0",
+    "@commitlint/config-conventional": "14.1.0",
     "@lhci/cli": "0.8.2",
-    "@saithodev/semantic-release-backmerge": "2.0.0",
+    "@saithodev/semantic-release-backmerge": "2.1.0",
-    "@semantic-release/git": "10.0.0",
+    "@semantic-release/git": "10.0.1",
-    "@testing-library/jest-dom": "5.14.1",
+    "@testing-library/jest-dom": "5.15.0",
     "@testing-library/react": "12.1.2",
     "@types/jest": "27.0.2",
     "@types/node": "16.11.6",
-    "@types/react": "17.0.33",
+    "@types/react": "17.0.34",
     "@typescript-eslint/eslint-plugin": "4.33.0",
-    "autoprefixer": "10.3.7",
+    "autoprefixer": "10.4.0",
     "babel-jest": "27.3.1",
     "cypress": "8.7.0",
     "dockerfilelint": "1.8.0",
@@ -72,17 +72,17 @@
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-promise": "5.1.1",
-    "eslint-plugin-unicorn": "37.0.1",
+    "eslint-plugin-unicorn": "38.0.0",
     "husky": "7.0.4",
     "jest": "27.3.1",
-    "lint-staged": "11.2.4",
+    "lint-staged": "11.2.6",
     "markdownlint-cli": "0.29.0",
     "next-secure-headers": "2.2.0",
     "postcss": "8.3.11",
     "prettier": "2.4.1",
     "semantic-release": "18.0.0",
     "start-server-and-test": "1.14.0",
-    "tailwindcss": "2.2.17",
+    "tailwindcss": "2.2.19",
     "typescript": "4.4.4",
     "vercel": "23.1.2"
   }

pages/404.tsx

@@ -16,7 +16,7 @@ const Error404: React.FC<FooterProps> = (props) => {
 
       <Header />
       <main className='flex flex-col md:mx-auto md:max-w-4xl lg:max-w-7xl'>
-        <ErrorPage statusCode={404} message={t('errors:notFound')} />
+        <ErrorPage statusCode={404} message={t('errors:not-found')} />
       </main>
       <Footer version={version} />
     </>

pages/500.tsx

@@ -16,7 +16,7 @@ const Error500: React.FC<FooterProps> = (props) => {
 
       <Header />
       <main className='flex flex-col md:mx-auto md:max-w-4xl lg:max-w-7xl'>
-        <ErrorPage statusCode={500} message={t('errors:serverError')} />
+        <ErrorPage statusCode={500} message={t('errors:server-error')} />
       </main>
       <Footer version={version} />
     </>