chore(release): 2.6.1 [skip ci]

.devcontainer/devcontainer.json

@@ -3,6 +3,8 @@
   "dockerComposeFile": "./docker-compose.yml",
   "service": "workspace",
   "workspaceFolder": "/workspace",
+  "customizations": {
+    "vscode": {
       "settings": {
         "remote.autoForwardPorts": false
       },
@@ -14,7 +16,9 @@
         "mikestead.dotenv",
         "davidanson.vscode-markdownlint",
         "ms-azuretools.vscode-docker"
-  ],
+      ]
+    }
+  },
   "forwardPorts": [3000],
   "postAttachCommand": ["npm", "install"],
   "remoteUser": "node"

.dockerignore

@@ -1,12 +1,5 @@
-.vscode
+.*
-.git
+!.npmrc
-.env
 build
-.next
 coverage
 node_modules
-tmp
-temp
-.DS_Store
-.lighthouseci
-.vercel

.env.example

@@ -1,2 +1,2 @@
-COMPOSE_PROJECT_NAME=divlo.fr
+COMPOSE_PROJECT_NAME=divlo
 PORT=3000

.eslintrc.json

@@ -10,7 +10,6 @@
   },
   "rules": {
     "prettier/prettier": "error",
-    "unicorn/prefer-node-protocol": "error",
     "@next/next/no-img-element": "off"
   }
 }

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,6 +1,6 @@
 <!-- Please first discuss the change you wish to make via issue before making a change. It might avoid a waste of your time. -->
 
-## What changes this PR introduce?
+# What changes this PR introduce?
 
 ## List any relevant issue numbers
 

.github/workflows/analyze.yml

@@ -16,7 +16,7 @@ jobs:
         language: ['javascript']
 
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.2'
 
       - name: 'Initialize CodeQL'
         uses: 'github/codeql-action/init@v2'

.github/workflows/build.yml

@@ -10,16 +10,16 @@ jobs:
   build:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.2'
 
-      - name: 'Use Node.js'
+      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
 
-      - name: 'Install'
+      - name: 'Install dependencies'
-        run: 'npm install'
+        run: 'npm clean-install'
 
       - name: 'Build'
         run: 'npm run build'

.github/workflows/lint.yml

@@ -10,16 +10,16 @@ jobs:
   lint:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.2'
 
-      - name: 'Use Node.js'
+      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
 
-      - name: 'Install'
+      - name: 'Install dependencies'
-        run: 'npm install'
+        run: 'npm clean-install'
 
       - name: 'lint:commit'
         run: 'npm run lint:commit -- --to "${{ github.sha }}"'
@@ -30,8 +30,8 @@ jobs:
       - name: 'lint:markdown'
         run: 'npm run lint:markdown'
 
-      - name: 'lint:typescript'
+      - name: 'lint:eslint'
-        run: 'npm run lint:typescript'
+        run: 'npm run lint:eslint'
 
       - name: 'lint:prettier'
         run: 'npm run lint:prettier'
@@ -40,8 +40,3 @@ jobs:
         uses: 'dotenv-linter/action-dotenv-linter@v2'
         with:
           github_token: ${{ secrets.github_token }}
-
-      - name: 'lint:docker'
-        uses: 'hadolint/hadolint-action@v1.6.0'
-        with:
-          dockerfile: './Dockerfile'

.github/workflows/release.yml

@@ -8,26 +8,26 @@ jobs:
   release:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.2'
         with:
           fetch-depth: 0
           persist-credentials: false
 
       - name: 'Import GPG key'
-        uses: 'crazy-max/ghaction-import-gpg@v4'
+        uses: 'crazy-max/ghaction-import-gpg@v5.3.0'
         with:
           gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
           git_user_signingkey: true
           git_commit_gpgsign: true
 
-      - name: 'Use Node.js'
+      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
 
-      - name: 'Install'
+      - name: 'Install dependencies'
-        run: 'npm install'
+        run: 'npm clean-install'
 
       - name: 'Release'
         run: 'npm run release'

.github/workflows/test.yml

@@ -10,33 +10,33 @@ jobs:
   test-unit:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.2'
 
-      - name: 'Use Node.js'
+      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
 
-      - name: 'Install'
+      - name: 'Install dependencies'
-        run: 'npm install'
+        run: 'npm clean-install'
 
       - name: 'Unit Test'
         run: 'npm run test:unit'
 
-  test-lighthouse:
+  test-e2e:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
 
-      - name: 'Use Node.js'
+      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
 
-      - name: 'Install'
+      - name: 'Install dependencies'
-        run: 'npm install'
+        run: 'npm clean-install'
 
       - name: 'Build'
         run: 'npm run build'
@@ -44,27 +44,5 @@ jobs:
       - name: 'html-w3c-validator'
         run: 'npm run test:html-w3c-validator'
 
-      - name: 'Lighthouse'
-        run: 'npm run test:lighthouse'
-        env:
-          LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
-
-  test-e2e:
-    runs-on: 'ubuntu-latest'
-    steps:
-      - uses: 'actions/checkout@v3.1.0'
-
-      - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
-        with:
-          node-version: '18.x'
-          cache: 'npm'
-
-      - name: 'Install'
-        run: 'npm install'
-
-      - name: 'Build'
-        run: 'npm run build'
-
       - name: 'End To End (e2e) Test'
         run: 'npm run test:e2e'

.lighthouserc.json

@@ -1,30 +0,0 @@
-{
-  "ci": {
-    "collect": {
-      "startServerCommand": "npm run start",
-      "startServerReadyPattern": "ready on",
-      "startServerReadyTimeout": 20000,
-      "url": [
-        "http://127.0.0.1:3000/",
-        "http://127.0.0.1:3000/blog",
-        "http://127.0.0.1:3000/blog/hello-world"
-      ],
-      "numberOfRuns": 1
-    },
-    "assert": {
-      "preset": "lighthouse:recommended",
-      "assertions": {
-        "csp-xss": "warning",
-        "non-composited-animations": "warning",
-        "unused-javascript": "warning",
-        "image-size-responsive": "warning",
-        "unsized-images": "warning",
-        "color-contrast": "warning"
-      }
-    },
-    "upload": {
-      "target": "temporary-public-storage"
-    },
-    "server": {}
-  }
-}

.markdownlint-cli2.jsonc

@@ -1,11 +1,12 @@
 {
   "config": {
     "default": true,
-    "MD013": false,
+    "relative-links": true,
+    "extends": "markdownlint/style/prettier",
     "MD024": false,
-    "MD033": false,
+    "MD033": false
-    "MD041": false
   },
   "globs": ["**/*.{md,mdx}"],
-  "ignores": ["**/node_modules"]
+  "ignores": ["**/node_modules"],
+  "customRules": ["markdownlint-rule-relative-links"]
 }

.vscode/settings.json

@@ -6,5 +6,9 @@
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll": true
-  }
+  },
+  "eslint.options": {
+    "ignorePath": ".gitignore"
+  },
+  "prettier.ignorePath": ".gitignore"
 }

CODE_OF_CONDUCT.md

@@ -60,7 +60,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at
-contact@divlo.fr.
+<contact@divlo.fr>.
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

CONTRIBUTING.md

@@ -2,6 +2,10 @@
 
 Thanks a lot for your interest in contributing to **divlo.fr**! 🎉
 
+## Code of Conduct
+
+**divlo.fr** adopted the [Contributor Covenant](https://www.contributor-covenant.org/) as its Code of Conduct, and we expect project participants to adhere to it. Please read [the full text](./CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.
+
 ## Types of contributions
 
 - Reporting a bug.
@@ -21,29 +25,7 @@ If you're adding new features to **divlo.fr**, please include tests.
 
 ## Commits
 
-The commit message guidelines respect [@commitlint/config-conventional](https://github.com/conventional-changelog/commitlint/tree/master/%40commitlint/config-conventional) and [Semantic Versioning](https://semver.org/) for releases.
+The commit message guidelines adheres to [Conventional Commits](https://www.conventionalcommits.org/) and [Semantic Versioning](https://semver.org/) for releases.
-
-### Types
-
-Types define which kind of changes you made to the project.
-
-| Types    | Description                                                                                                  |
-| -------- | ------------------------------------------------------------------------------------------------------------ |
-| feat     | A new feature.                                                                                               |
-| fix      | A bug fix.                                                                                                   |
-| docs     | Documentation only changes.                                                                                  |
-| style    | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc).      |
-| refactor | A code change that neither fixes a bug nor adds a feature.                                                   |
-| perf     | A code change that improves performance.                                                                     |
-| test     | Adding missing tests or correcting existing tests.                                                           |
-| build    | Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm).         |
-| ci       | Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs). |
-| chore    | Other changes that don't modify src or test files.                                                           |
-| revert   | Reverts a previous commit.                                                                                   |
-
-### Scopes
-
-Scopes define what part of the code changed.
 
 ## Getting Started
 
@@ -86,4 +68,4 @@ docker compose up --build
 
 ### Services started
 
-- website : `http://127.0.0.1:3000`
+- website: `http://127.0.0.1:3000`

Dockerfile

@@ -1,21 +1,21 @@
-FROM node:18.12.1 AS dependencies
+FROM node:18.16.0 AS builder-dependencies
-WORKDIR /usr/src/app
+WORKDIR /usr/src/application
 COPY ./package*.json ./
-RUN npm install
+RUN npm clean-install
 
-FROM node:18.12.1 AS builder
+FROM node:18.16.0 AS builder
-WORKDIR /usr/src/app
+WORKDIR /usr/src/application
+COPY --from=builder-dependencies /usr/src/application/node_modules ./node_modules
 COPY ./ ./
-COPY --from=dependencies /usr/src/app/node_modules ./node_modules
 RUN npm run build
 
-FROM node:18.12.1 AS runner
+FROM gcr.io/distroless/nodejs18-debian11:latest AS runner
-WORKDIR /usr/src/app
+WORKDIR /usr/src/application
 ENV NODE_ENV=production
 ENV NEXT_TELEMETRY_DISABLED=1
-COPY --from=builder /usr/src/app/.next/standalone ./
+COPY --from=builder /usr/src/application/.next/standalone ./
-COPY --from=builder /usr/src/app/.next/static ./.next/static
+COPY --from=builder /usr/src/application/.next/static ./.next/static
-COPY --from=builder /usr/src/app/public ./public
+COPY --from=builder /usr/src/application/public ./public
-COPY --from=builder /usr/src/app/locales ./locales
+COPY --from=builder /usr/src/application/locales ./locales
-COPY --from=builder /usr/src/app/next.config.js ./next.config.js
+COPY --from=builder /usr/src/application/next.config.js ./next.config.js
-CMD ["node", "server.js"]
+CMD ["./server.js"]

components/Header/Language/index.tsx

@@ -55,7 +55,7 @@ export const Language: React.FC = () => {
       <ul
         data-cy='languages-list'
         className={classNames(
-          'absolute top-14 z-10 mt-3 mr-4 flex w-24 list-none flex-col items-center justify-center rounded-lg bg-white p-0 shadow-lightFlag dark:bg-black dark:shadow-darkFlag',
+          'absolute top-14 z-10 mr-4 mt-3 flex w-24 list-none flex-col items-center justify-center rounded-lg bg-white p-0 shadow-lightFlag dark:bg-black dark:shadow-darkFlag',
           { hidden: hiddenMenu }
         )}
       >

components/Header/SwitchTheme.tsx

@@ -29,7 +29,7 @@ export const SwitchTheme: React.FC = () => {
           <div
             data-cy='switch-theme-dark'
             className={classNames(
-              'absolute top-0 bottom-0 left-[8px] mt-auto mb-auto h-[10px] w-[14px] leading-[0] transition-opacity duration-[250ms] ease-in-out',
+              'absolute bottom-0 left-[8px] top-0 mb-auto mt-auto h-[10px] w-[14px] leading-[0] transition-opacity duration-[250ms] ease-in-out',
               {
                 'opacity-100': theme === 'dark',
                 'opacity-0': theme === 'light'
@@ -43,7 +43,7 @@ export const SwitchTheme: React.FC = () => {
           <div
             data-cy='switch-theme-light'
             className={classNames(
-              'absolute right-[10px] top-0 bottom-0 mt-auto mb-auto h-[10px] w-[10px] leading-[0]',
+              'absolute bottom-0 right-[10px] top-0 mb-auto mt-auto h-[10px] w-[10px] leading-[0]',
               {
                 'opacity-100': theme === 'light',
                 'opacity-0': theme === 'dark'

components/Interests/InterestsList/InterestItem.tsx

@@ -10,7 +10,7 @@ export const InterestItem: React.FC<InterestItemProps> = (props) => {
   const { fontAwesomeIcon, title } = props
 
   return (
-    <li className='interest-item my-2 mx-2 h-8 w-8' title={title}>
+    <li className='interest-item mx-2 my-2 h-8 w-8' title={title}>
       <FontAwesomeIcon
         className='block h-full w-full text-yellow dark:text-yellow-dark'
         icon={fontAwesomeIcon}

components/Profile/ProfileDescriptionBottom.tsx

@@ -4,7 +4,7 @@ export const ProfileDescriptionBottom: React.FC = () => {
   const { t, lang } = useTranslation()
 
   return (
-    <p className='mt-8 mb-8 text-base font-normal text-gray dark:text-gray-dark'>
+    <p className='mb-8 mt-8 text-base font-normal text-gray dark:text-gray-dark'>
       {t('home:about.description-bottom')}
       {lang === 'fr' && (
         <>

components/Profile/ProfileList/ProfileItem.tsx

@@ -12,7 +12,7 @@ export const ProfileItem: React.FC<ProfileItemProps> = (props) => {
       <strong className='float-left block w-28 text-sm font-bold text-black dark:text-white'>
         {title}
       </strong>
-      <span className='ml-0 mb-4 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32'>
+      <span className='mb-4 ml-0 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32'>
         {link != null ? (
           <a
             className='text-gray hover:underline dark:text-gray-dark'

components/design/RevealFade.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react'
 
-export const RevealFade: React.FC<React.PropsWithChildren<{}>> = (props) => {
+export const RevealFade: React.FC<React.PropsWithChildren> = (props) => {
   const { children } = props
 
   const htmlElement = useRef<HTMLDivElement>(null)

components/design/Section/SectionHeading.tsx

@@ -4,7 +4,7 @@ export const SectionHeading: React.FC<SectionHeadingProps> = (props) => {
   const { children, ...rest } = props
 
   return (
-    <h2 {...rest} className='mt-1 mb-3 text-center text-4xl font-semibold'>
+    <h2 {...rest} className='mb-3 mt-1 text-center text-4xl font-semibold'>
       {children}
     </h2>
   )

cypress/component/Footer.cy.tsx

@@ -1,4 +1,4 @@
-import { Footer } from 'components/Footer'
+import { Footer } from '@/components/Footer'
 
 describe('<Footer />', () => {
   it('should render with appropriate link tag version', () => {

docker-compose.yml

@@ -1,11 +1,11 @@
 services:
-  divlo.fr:
+  divlo:
     container_name: ${COMPOSE_PROJECT_NAME}
-    image: 'divlo.fr'
+    image: 'divlo'
     build:
       context: './'
     ports:
       - '${PORT-3000}:${PORT-3000}'
     environment:
       PORT: ${PORT-3000}
-    env_file: './.env'
+    env_file: '.env'

jsonresume-theme-custom/package.json

@@ -13,9 +13,9 @@
     "modern-normalize": "1.1.0"
   },
   "devDependencies": {
-    "@types/node": "18.11.9",
+    "@types/node": "20.1.4",
-    "date-and-time": "2.4.1",
+    "date-and-time": "3.0.0",
-    "vite": "3.2.4",
+    "vite": "4.3.5",
     "vite-plugin-html": "3.2.0"
   }
 }

next.config.js

@@ -2,7 +2,7 @@ const nextPWA = require('next-pwa')({
   disable: process.env.NODE_ENV !== 'production',
   dest: 'public'
 })
-const nextTranslate = require('next-translate')
+const nextTranslate = require('next-translate-plugin')
 
 /** @type {import("next").NextConfig} */
 const nextConfig = {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "divlo",
-  "version": "2.5.3",
+  "version": "2.6.1",
   "private": true,
   "repository": {
     "type": "git",
@@ -14,16 +14,14 @@
     "dev": "next dev",
     "start": "next start",
     "build": "npm run resume:build && next build",
-    "export": "next export",
     "lint:commit": "commitlint",
     "lint:editorconfig": "editorconfig-checker",
     "lint:markdown": "markdownlint-cli2",
-    "lint:typescript": "eslint \"**/*.{js,jsx,ts,tsx}\" --ignore-path \".gitignore\"",
+    "lint:eslint": "eslint \".\" --ignore-path \".gitignore\"",
     "lint:prettier": "prettier \".\" --check --ignore-path \".gitignore\"",
     "lint:staged": "lint-staged",
     "test:unit": "cypress run --component",
     "test:html-w3c-validator": "start-server-and-test \"start\" \"http://127.0.0.1:3000\" \"html-w3c-validator\"",
-    "test:lighthouse": "lhci autorun",
     "test:e2e": "start-server-and-test \"start\" \"http://127.0.0.1:3000\" \"cypress run\"",
     "test:dev": "start-server-and-test \"dev\" \"http://127.0.0.1:3000\" \"cypress open\"",
     "resume:build": "node ./jsonresume-theme-custom/build.js",
@@ -32,67 +30,69 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "4.5.13",
+    "@fontsource/montserrat": "4.5.14",
-    "@fortawesome/fontawesome-svg-core": "6.2.1",
+    "@fortawesome/fontawesome-svg-core": "6.4.0",
-    "@fortawesome/free-brands-svg-icons": "6.2.1",
+    "@fortawesome/free-brands-svg-icons": "6.4.0",
-    "@fortawesome/free-solid-svg-icons": "6.2.1",
+    "@fortawesome/free-solid-svg-icons": "6.4.0",
     "@fortawesome/react-fontawesome": "0.2.0",
-    "@giscus/react": "2.2.4",
+    "@giscus/react": "2.2.8",
     "clsx": "1.2.1",
-    "date-and-time": "2.4.1",
+    "date-and-time": "3.0.0",
     "gray-matter": "4.0.3",
-    "html-react-parser": "3.0.4",
+    "html-react-parser": "3.0.16",
-    "next": "13.0.5",
+    "next": "13.4.2",
-    "next-mdx-remote": "4.2.0",
+    "next-mdx-remote": "4.4.1",
     "next-pwa": "5.6.0",
     "next-themes": "0.2.1",
-    "next-translate": "1.6.0",
+    "next-translate": "2.0.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "read-pkg": "7.1.0",
+    "read-pkg": "8.0.0",
     "rehype-raw": "6.1.1",
     "rehype-slug": "5.1.0",
     "remark-gfm": "3.0.1",
-    "sharp": "0.31.2",
+    "sharp": "0.32.1",
-    "shiki": "0.11.1",
+    "shiki": "0.14.2",
     "unified": "10.1.2",
-    "unist-util-visit": "4.1.1",
+    "unist-util-visit": "4.1.2",
     "universal-cookie": "4.0.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.3.0",
+    "@commitlint/cli": "17.6.3",
-    "@commitlint/config-conventional": "17.3.0",
+    "@commitlint/config-conventional": "17.6.3",
-    "@lhci/cli": "0.10.0",
+    "@saithodev/semantic-release-backmerge": "3.2.0",
-    "@saithodev/semantic-release-backmerge": "2.1.2",
     "@semantic-release/git": "10.0.1",
-    "@tailwindcss/typography": "0.5.8",
+    "@tailwindcss/typography": "0.5.9",
-    "@types/node": "18.11.9",
+    "@tsconfig/strictest": "2.0.1",
-    "@types/react": "18.0.25",
+    "@types/node": "20.1.4",
+    "@types/react": "18.2.6",
     "@types/unist": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "5.45.0",
+    "@typescript-eslint/eslint-plugin": "5.59.5",
-    "autoprefixer": "10.4.13",
+    "autoprefixer": "10.4.14",
-    "cypress": "11.2.0",
+    "cypress": "12.12.0",
-    "editorconfig-checker": "4.0.2",
+    "editorconfig-checker": "5.0.1",
-    "eslint": "8.28.0",
+    "eslint": "8.40.0",
-    "eslint-config-conventions": "6.0.0",
+    "eslint-config-conventions": "9.0.0",
-    "eslint-config-next": "13.0.5",
+    "eslint-config-next": "13.4.2",
-    "eslint-config-prettier": "8.5.0",
+    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-import": "2.27.5",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-promise": "6.1.1",
-    "eslint-plugin-unicorn": "45.0.1",
+    "eslint-plugin-unicorn": "47.0.0",
-    "html-w3c-validator": "1.2.1",
+    "html-w3c-validator": "1.3.0",
-    "husky": "8.0.2",
+    "husky": "8.0.3",
     "jsonresume-theme-custom": "file:./jsonresume-theme-custom",
-    "lint-staged": "13.0.4",
+    "lint-staged": "13.2.2",
-    "markdownlint-cli2": "0.5.1",
+    "markdownlint-cli2": "0.7.1",
-    "postcss": "8.4.19",
+    "markdownlint-rule-relative-links": "1.2.0",
-    "prettier": "2.8.0",
+    "next-translate-plugin": "2.0.5",
-    "prettier-plugin-tailwindcss": "0.2.0",
+    "postcss": "8.4.23",
-    "semantic-release": "19.0.5",
+    "prettier": "2.8.8",
-    "start-server-and-test": "1.14.0",
+    "prettier-plugin-tailwindcss": "0.2.8",
-    "tailwindcss": "3.2.4",
+    "semantic-release": "21.0.2",
-    "typescript": "4.9.3",
+    "start-server-and-test": "2.0.0",
-    "vercel": "28.5.6"
+    "tailwindcss": "3.3.2",
+    "typescript": "5.0.4",
+    "vercel": "29.3.0"
   }
 }

pages/blog/[slug].tsx

@@ -82,7 +82,7 @@ const BlogPostPage: NextPage<BlogPostPageProps> = (props) => {
 export const getStaticProps: GetStaticProps<BlogPostPageProps> = async (
   context
 ) => {
-  const slug = context?.params?.slug
+  const slug = context?.params?.['slug']
   const { getPostBySlug } = await import('utils/blog')
   const post = await getPostBySlug(slug)
   if (post == null || (post != null && !post.frontmatter.isPublished)) {

resume.jsonc

@@ -19,12 +19,12 @@
     {
       "startDate": "2022",
       "endDate": "2023",
-      "studyType": "Diplôme du Bachelor Universitaire de Technologie (BUT) Informatique",
+      "studyType": "Bachelor Universitaire de Technologie (BUT) Informatique",
       "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
       "score": "2ème année",
       "courses": [
         "Développement Web avec le framework Laravel en PHP",
-        "Patrons et Principes de conceptions (Code maintenable et réutilisable)",
+        "Patrons et Principes de conceptions (Code maintenable et réutilisable) en UML",
         "Programmation systèmes en C (Multi-Thread, Serveur/Client UDP/TCP)",
         "Sécurisation des accès à la base de données et PL/SQL",
         "Projet développement d'une application web en React.js en équipe de 3 personnes pendant 3 mois"
@@ -33,7 +33,7 @@
     {
       "startDate": "2021",
       "endDate": "2022",
-      "studyType": "Diplôme du Bachelor Universitaire de Technologie (BUT) Informatique",
+      "studyType": "Bachelor Universitaire de Technologie (BUT) Informatique",
       "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
       "score": "1ère année",
       "courses": [
@@ -46,7 +46,7 @@
     {
       "startDate": "2019",
       "endDate": "2021",
-      "studyType": "Diplôme du Baccalauréat Général (Mathématiques et Numériques Sciences Informatiques)",
+      "studyType": "Baccalauréat Général (Mathématiques et Numériques Sciences Informatiques)",
       "institution": "Lycée Heinrich Nessel à Haguenau",
       "score": "Mention Assez Bien"
     }
@@ -60,14 +60,14 @@
   ],
   "work": [
     {
-      "description": "interests",
+      "summary": "Développement d'un outil GED (Gestion Électronique de Documents) en React.js, Laravel et GraphQL.",
-      "summary": "Développement site web en React.js et Strapi.<br /> Classé n°1 en France sur le Défi de l'entreprise <a href=\"https://www.toolpad.fr/\">ToolPad</a>.",
+      "website": "https://numerize.com/",
-      "website": "https://www.nuitdelinfo.com/",
+      "name": "Numerize",
-      "name": "La Nuit de l'info 2021",
+      "location": "4 Rue Sophie Germain, 67720 Hœrdt",
-      "position": "Participation en équipe de 5 personnes",
+      "position": "Stagiaire Développeur Web",
-      "startDate": "2021-12-02",
+      "startDate": "2023-04-11",
-      "endDate": "2021-12-03",
+      "endDate": "2023-06-23",
-      "duration": "1 semaine"
+      "duration": "3 mois"
     },
     {
       "summary": "Agent administratif - Numérisation et archivage des plans électriques initialement sous format papier calque.",
@@ -79,17 +79,6 @@
       "endDate": "2021-07-30",
       "duration": "1 mois"
     },
-    {
-      "description": "interests",
-      "summary": "Hackathon développement d'une landing page et web scraping.",
-      "website": "https://www.wildcodeschool.fr/",
-      "name": "Wild Code School",
-      "location": "32 Rue du Bass. d'Austerlitz, 67100 Strasbourg",
-      "position": "Initiation métier développeur web",
-      "startDate": "2019-06-24",
-      "endDate": "2019-06-28",
-      "duration": "1 semaine"
-    },
     {
       "summary": "Développement d'un site web pour trouver un restaurant à la pause repas.",
       "website": "https://www.itpartners.fr/",
@@ -101,15 +90,36 @@
       "duration": "1 semaine"
     },
     {
-      "summary": "Apprentissage du métier \"Chargé de communication\" et des logiciels de graphisme tels que \"Adobe Photoshop\".",
+      "description": "interests",
-      "website": "https://www.es.fr/",
+      "summary": "Développement site web en React.js et Strapi.<br /> Classé n°1 en France sur le Défi de l'entreprise <a href=\"https://www.toolpad.fr/\">ToolPad</a>.",
-      "name": "ÉS (Électricité de Strasbourg)",
+      "website": "https://www.nuitdelinfo.com/",
-      "location": "26 Bd du Président-Wilson, 67000 Strasbourg",
+      "name": "La Nuit de l'info 2021",
-      "position": "Stage de découverte (3ème)",
+      "position": "Participation en équipe de 5 personnes",
-      "startDate": "2018-02-19",
+      "startDate": "2021-12-02",
-      "endDate": "2018-02-23",
+      "endDate": "2021-12-03",
+      "duration": "1 semaine"
+    },
+    {
+      "description": "interests",
+      "summary": "Hackathon développement d'une landing page et web scraping.",
+      "website": "https://www.wildcodeschool.fr/",
+      "name": "Wild Code School",
+      "location": "32 Rue du Bass. d'Austerlitz, 67100 Strasbourg",
+      "position": "Initiation métier développeur web",
+      "startDate": "2019-06-24",
+      "endDate": "2019-06-28",
       "duration": "1 semaine"
     }
+    // {
+    //   "summary": "Apprentissage du métier \"Chargé de communication\" et des logiciels de graphisme tels que \"Adobe Photoshop\".",
+    //   "website": "https://www.es.fr/",
+    //   "name": "ÉS (Électricité de Strasbourg)",
+    //   "location": "26 Bd du Président-Wilson, 67000 Strasbourg",
+    //   "position": "Stage de découverte (3ème)",
+    //   "startDate": "2018-02-19",
+    //   "endDate": "2018-02-23",
+    //   "duration": "1 semaine"
+    // }
   ],
   "interests": [
     {

tsconfig.json

@@ -1,25 +1,24 @@
 {
+  "extends": "@tsconfig/strictest/tsconfig.json",
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
-    "moduleResolution": "node",
+    "lib": ["dom", "dom.iterable", "ESNext"],
     "allowJs": true,
-    "checkJs": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "removeComments": true,
-    "noEmit": true,
-    "strict": true,
-    "types": ["cypress"],
     "baseUrl": ".",
-    "esModuleInterop": true,
+    "paths": {
-    "forceConsistentCasingInFileNames": true,
+      "@/*": ["./*"]
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "skipLibCheck": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "incremental": true
     },
-  "exclude": ["dist", ".next", "out", "next.config.js"],
+    "types": ["cypress"],
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+    "noEmit": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "exactOptionalPropertyTypes": false,
+    "verbatimModuleSyntax": false,
+    "isolatedModules": true
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }

utils/blog.ts

@@ -38,6 +38,9 @@ export const getPosts = async (): Promise<PostMetadata[]> => {
   const postsWithTime = await Promise.all(
     posts.map(async (postFilename) => {
       const [slug, extension] = postFilename.split('.')
+      if (slug == null || extension == null) {
+        throw new Error('Invalid postFilename.')
+      }
       const blogPostPath = path.join(POSTS_PATH, `${slug}.${extension}`)
       const blogPostContent = await fs.promises.readFile(blogPostPath, {
         encoding: 'utf8'