chore(release): 2.5.6 [skip ci]

.dockerignore

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

.eslintrc.json

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

.github/workflows/analyze.yml

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

.github/workflows/build.yml

@@ -10,10 +10,10 @@ jobs:
   build:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
 
       - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'

.github/workflows/lint.yml

@@ -10,10 +10,10 @@ jobs:
   lint:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
 
       - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
@@ -30,8 +30,8 @@ jobs:
       - name: 'lint:markdown'
         run: 'npm run lint:markdown'
 
-      - name: 'lint:typescript'
-        run: 'npm run lint:typescript'
+      - name: 'lint:eslint'
+        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,7 +8,7 @@ jobs:
   release:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
         with:
           fetch-depth: 0
           persist-credentials: false
@@ -21,7 +21,7 @@ jobs:
           git_commit_gpgsign: true
 
       - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'

.github/workflows/test.yml

@@ -10,10 +10,10 @@ jobs:
   test-unit:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
 
       - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
@@ -27,10 +27,10 @@ jobs:
   test-lighthouse:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
 
       - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'
@@ -52,10 +52,10 @@ jobs:
   test-e2e:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.1.0'
+      - uses: 'actions/checkout@v3.5.0'
 
       - name: 'Use Node.js'
-        uses: 'actions/setup-node@v3.5.1'
+        uses: 'actions/setup-node@v3.6.0'
         with:
           node-version: '18.x'
           cache: 'npm'

.markdownlint-cli2.jsonc

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

.markdownlint.json

@@ -0,0 +1,8 @@
+{
+  "default": true,
+  "relative-links": true,
+  "extends": "markdownlint/style/prettier",
+  "MD024": false,
+  "MD033": false,
+  "MD041": false
+}

.vscode/settings.json

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

Dockerfile

@@ -1,21 +1,21 @@
-FROM node:18.12.1 AS dependencies
-WORKDIR /usr/src/app
+FROM node:18.15.0 AS builder-dependencies
+WORKDIR /usr/src/application
 COPY ./package*.json ./
 RUN npm install
 
-FROM node:18.12.1 AS builder
-WORKDIR /usr/src/app
+FROM node:18.15.0 AS builder
+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
-WORKDIR /usr/src/app
+FROM gcr.io/distroless/nodejs18-debian11:latest AS runner
+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/app/.next/static ./.next/static
-COPY --from=builder /usr/src/app/public ./public
-COPY --from=builder /usr/src/app/locales ./locales
-COPY --from=builder /usr/src/app/next.config.js ./next.config.js
-CMD ["node", "server.js"]
+COPY --from=builder /usr/src/application/.next/standalone ./
+COPY --from=builder /usr/src/application/.next/static ./.next/static
+COPY --from=builder /usr/src/application/public ./public
+COPY --from=builder /usr/src/application/locales ./locales
+COPY --from=builder /usr/src/application/next.config.js ./next.config.js
+CMD ["./server.js"]

README.md

@@ -25,21 +25,11 @@
   "pronouns": "He/Him",
   "birthDate": "31/03/2003",
   "nationality": "Alsace, France",
-  "interests": [
-    "Developer Full Stack",
-    "Open-Source enthusiast",
-    "Passionate about High-Tech"
-  ],
+  "interests": ["Open-Source enthusiast", "Passionate about High-Tech"],
   "skills": {
-    "programmingLanguages": [
-      "JavaScript",
-      "TypeScript",
-      "Python",
-      "C/C++",
-      "PHP"
-    ],
-    "frontEnd": ["HTML", "CSS", "Tailwind CSS", "React.js (+ Next.js)"],
-    "backEnd": ["Laravel", "Node.js", "Fastify", "Prisma", "PostgreSQL"],
+    "programmingLanguages": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
+    "frontEnd": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
+    "backEnd": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
     "tools": ["GNU/Linux", "Ubuntu", "Visual Studio Code", "Git", "Docker"]
   }
 }

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/Skills/index.tsx

@@ -27,7 +27,6 @@ export const Skills: React.FC = () => {
         <SkillComponent skill='Laravel' />
         <SkillComponent skill='Node.js' />
         <SkillComponent skill='Fastify' />
-        <SkillComponent skill='Prisma' />
         <SkillComponent skill='PostgreSQL' />
       </SkillsSection>
 

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', () => {

jsonresume-theme-custom/build.js

@@ -3,10 +3,10 @@ import fs from 'node:fs'
 
 import { build } from 'vite'
 
-const jsonResumeThemeCustom = new URL('../', import.meta.url)
+const jsonResumeThemeCustom = new URL('./', import.meta.url)
 const jsonResumeThemeCustomDist = new URL('./dist', jsonResumeThemeCustom)
 const publicResumeOutputURL = new URL(
-  '../../public/curriculum-vitae',
+  '../public/curriculum-vitae',
   import.meta.url
 )
 

jsonresume-theme-custom/index.html

@@ -6,6 +6,7 @@
     <title><%= locals.basics.name %></title>
     <link rel="icon" type="image/png" href="<%= locals.basics.image %>" />
     <link rel="stylesheet" href="./styles/global.css" />
+    <script defer type="module" src="./scripts/main.js"></script>
   </head>
   <body>
     <div class="container-fluid">
@@ -26,12 +27,15 @@
                   <strong><%= locals.basics.name %></strong>
                 </h3>
                 <h5 class="text-muted"><%= locals.basics.label %></h5>
+                <h5 class="text-muted">
+                  <%= locals.basics.age %> (<span id="year-old"></span> ans)
+                </h5>
+                <h5 class="text-muted">
+                  <%= locals.basics.location.address %>
+                </h5>
               </div>
             </div>
             <div class="contact-details clearfix">
-              <div class="detail">
-                <span class="info"><%= locals.basics.phone %></span>
-              </div>
               <div class="detail">
                 <span class="info">
                   <a
@@ -71,40 +75,44 @@
               <hr />
 
               <section class="section-separated">
-                <div class="detail" id="work-experience">
+                <div class="detail" id="education">
                   <div class="icon">
-                    <img src="./images/building-columns.svg" alt="work" />
+                    <img src="./images/graduation-cap.svg" alt="graduation" />
                   </div>
                   <div class="info">
-                    <h4 class="title text-uppercase">Expériences</h4>
-                    <ul class="list-unstyled clear-margin">
-                      <% locals.work.forEach((experience) => { %>
-                      <li class="card card-nested clearfix">
-                        <div class="content">
-                          <p class="clear-margin relative">
-                            <a href="<%= experience.website %>">
-                              <strong><%= experience.name %></strong>
-                            </a>
-                          </p>
-                          <p class="clear-margin relative">
-                            <strong><%- experience.position %></strong>
-                          </p>
-                          <p class="text-muted">
-                            <small>
-                              <span class="space-right">
-                                <%= date.format(new Date(experience.startDate),
-                                'DD/MM/YYYY') %> - <%= date.format(new
-                                Date(experience.endDate), 'DD/MM/YYYY') %>
-                              </span>
-                            </small>
-                          </p>
-                          <div class="experience-description">
-                            <p><%- experience.summary %></p>
+                    <h4 class="title text-uppercase">Formations</h4>
+                    <div class="content">
+                      <ul class="list-unstyled clear-margin">
+                        <% locals.education.forEach((degree) => { %>
+                        <li class="card card-nested">
+                          <div class="content">
+                            <p class="clear-margin relative">
+                              <strong><%= degree.studyType %></strong>
+                            </p>
+                            <p class="clear-margin relative">
+                              <strong><%= degree.score %></strong>
+                            </p>
+                            <p class="text-muted clear-margin">
+                              <%= degree.institution %>
+                            </p>
+                            <p class="text-muted clear-margin">
+                              <small>
+                                <%= degree.startDate %> <%= degree.endDate !=
+                                null ? " - " + degree.endDate : "" %>
+                              </small>
+                            </p>
+                            <% if (degree.courses != null) { %>
+                            <ul class="education-courses">
+                              <% degree.courses.forEach((course) => { %>
+                              <li><%= course %></li>
+                              <% }) %>
+                            </ul>
+                            <% } %>
                           </div>
-                        </div>
-                      </li>
-                      <% }) %>
-                    </ul>
+                        </li>
+                        <% }) %>
+                      </ul>
+                    </div>
                   </div>
                 </div>
 
@@ -137,37 +145,43 @@
               <hr />
 
               <section class="section-separated">
-                <div class="detail" id="education">
+                <div class="detail" id="work-experience">
                   <div class="icon">
-                    <img src="./images/graduation-cap.svg" alt="graduation" />
+                    <img src="./images/building-columns.svg" alt="work" />
                   </div>
                   <div class="info">
-                    <h4 class="title text-uppercase">Éducation</h4>
-                    <div class="content">
-                      <ul class="list-unstyled clear-margin">
-                        <% locals.education.forEach((degree) => { %>
-                        <li class="card card-nested">
-                          <div class="content">
-                            <p class="clear-margin relative">
-                              <strong><%= degree.studyType %></strong>
-                            </p>
-                            <p class="clear-margin relative">
-                              <strong><%= degree.score %></strong>
-                            </p>
-                            <p class="text-muted clear-margin">
-                              <%= degree.institution %>
-                            </p>
-                            <p class="text-muted clear-margin">
-                              <small>
-                                <%= degree.startDate %> <%= degree.endDate !=
-                                null ? " - " + degree.endDate : "" %>
-                              </small>
-                            </p>
+                    <h4 class="title text-uppercase">Expériences</h4>
+                    <ul class="list-unstyled clear-margin">
+                      <% locals.work.filter((experience) =>
+                      experience.description == null).forEach((experience) => {
+                      %>
+                      <li class="card card-nested clearfix">
+                        <div class="content">
+                          <p class="clear-margin relative">
+                            <a href="<%= experience.website %>">
+                              <strong><%= experience.name %></strong>
+                            </a>
+                          </p>
+                          <p class="clear-margin relative">
+                            <strong><%- experience.position %></strong>
+                          </p>
+                          <p class="text-muted">
+                            <small>
+                              <span class="space-right">
+                                <%= date.format(new Date(experience.startDate),
+                                'DD/MM/YYYY') %> - <%= date.format(new
+                                Date(experience.endDate), 'DD/MM/YYYY') %> (<%=
+                                experience.duration %>)
+                              </span>
+                            </small>
+                          </p>
+                          <div class="experience-description">
+                            <p><%- experience.summary %></p>
                           </div>
-                        </li>
-                        <% }) %>
-                      </ul>
-                    </div>
+                        </div>
+                      </li>
+                      <% }) %>
+                    </ul>
                   </div>
                 </div>
 
@@ -185,6 +199,38 @@
                         </li>
                         <% }) %>
                       </ul>
+
+                      <ul class="list-unstyled clear-margin">
+                        <% locals.work.filter((experience) =>
+                        experience.description != null).forEach((experience) =>
+                        { %>
+                        <li class="card card-nested clearfix">
+                          <div class="content">
+                            <p class="clear-margin relative">
+                              <a href="<%= experience.website %>">
+                                <strong><%= experience.name %></strong>
+                              </a>
+                            </p>
+                            <p class="clear-margin relative">
+                              <strong><%- experience.position %></strong>
+                            </p>
+                            <p class="text-muted">
+                              <small>
+                                <span class="space-right">
+                                  <%= date.format(new
+                                  Date(experience.startDate), 'DD/MM/YYYY') %> -
+                                  <%= date.format(new Date(experience.endDate),
+                                  'DD/MM/YYYY') %> (<%= experience.duration %>)
+                                </span>
+                              </small>
+                            </p>
+                            <div class="experience-description">
+                              <p><%- experience.summary %></p>
+                            </div>
+                          </div>
+                        </li>
+                        <% }) %>
+                      </ul>
                     </div>
                   </div>
                 </div>

jsonresume-theme-custom/package.json

@@ -9,12 +9,13 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "jsonc-parser": "3.2.0",
     "modern-normalize": "1.1.0"
   },
   "devDependencies": {
-    "@types/node": "18.11.9",
-    "date-and-time": "2.4.1",
-    "vite": "3.2.4",
+    "@types/node": "18.15.11",
+    "date-and-time": "2.4.3",
+    "vite": "4.2.1",
     "vite-plugin-html": "3.2.0"
   }
 }

jsonresume-theme-custom/scripts/main.js

@@ -0,0 +1,5 @@
+import { DIVLO_BIRTHDAY, getAge } from '../../utils/getAge.ts'
+
+const yearOld = document.getElementById('year-old')
+
+yearOld.textContent = getAge(DIVLO_BIRTHDAY).toString()

jsonresume-theme-custom/styles/global.css

@@ -226,5 +226,4 @@ h5 {
 }
 .section-separated {
   display: flex;
-  align-items: space-evenly;
 }

jsonresume-theme-custom/vite.config.ts

@@ -1,16 +1,19 @@
 import fs from 'node:fs'
 
 import { defineConfig } from 'vite'
+import { parse as JSONCParser } from 'jsonc-parser'
 import { createHtmlPlugin } from 'vite-plugin-html'
 import date from 'date-and-time'
 
-const jsonResumeURL = new URL('../resume.json', import.meta.url)
+const jsonResumeURL = new URL('../resume.jsonc', import.meta.url)
 const dataResumeStringJSON = await fs.promises.readFile(jsonResumeURL, {
   encoding: 'utf-8'
 })
-const resume = JSON.parse(dataResumeStringJSON)
+const resume = JSONCParser(dataResumeStringJSON)
 
-// https://vitejs.dev/config/
+/**
+ * Documentation: <https://vitejs.dev/config/>
+ */
 export default defineConfig({
   build: {
     assetsDir: './'

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.2",
+  "version": "2.5.6",
   "private": true,
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
     "lint:commit": "commitlint",
     "lint:editorconfig": "editorconfig-checker",
     "lint:markdown": "markdownlint-cli2",
-    "lint:typescript": "eslint \"**/*.{js,jsx,ts,tsx}\" --ignore-path \".gitignore\"",
+    "lint:eslint": "eslint \"**/*.{js,jsx,ts,tsx}\" --ignore-path \".gitignore\"",
     "lint:prettier": "prettier \".\" --check --ignore-path \".gitignore\"",
     "lint:staged": "lint-staged",
     "test:unit": "cypress run --component",
@@ -26,73 +26,76 @@
     "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/scripts/build.js",
+    "resume:build": "node ./jsonresume-theme-custom/build.js",
     "release": "semantic-release",
     "deploy": "vercel",
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "4.5.13",
-    "@fortawesome/fontawesome-svg-core": "6.2.1",
-    "@fortawesome/free-brands-svg-icons": "6.2.1",
-    "@fortawesome/free-solid-svg-icons": "6.2.1",
+    "@fontsource/montserrat": "4.5.14",
+    "@fortawesome/fontawesome-svg-core": "6.4.0",
+    "@fortawesome/free-brands-svg-icons": "6.4.0",
+    "@fortawesome/free-solid-svg-icons": "6.4.0",
     "@fortawesome/react-fontawesome": "0.2.0",
-    "@giscus/react": "2.2.3",
+    "@giscus/react": "2.2.8",
     "clsx": "1.2.1",
-    "date-and-time": "2.4.1",
+    "date-and-time": "2.4.3",
     "gray-matter": "4.0.3",
-    "html-react-parser": "3.0.4",
-    "next": "13.0.4",
-    "next-mdx-remote": "4.2.0",
+    "html-react-parser": "3.0.15",
+    "next": "13.2.4",
+    "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.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "read-pkg": "7.1.0",
     "rehype-raw": "6.1.1",
     "rehype-slug": "5.1.0",
     "remark-gfm": "3.0.1",
-    "sharp": "0.31.2",
-    "shiki": "0.11.1",
+    "sharp": "0.32.0",
+    "shiki": "0.14.1",
     "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.2.0",
-    "@commitlint/config-conventional": "17.2.0",
-    "@lhci/cli": "0.10.0",
-    "@saithodev/semantic-release-backmerge": "2.1.2",
+    "@commitlint/cli": "17.5.1",
+    "@commitlint/config-conventional": "17.4.4",
+    "@lhci/cli": "0.11.0",
+    "@saithodev/semantic-release-backmerge": "3.1.0",
     "@semantic-release/git": "10.0.1",
-    "@tailwindcss/typography": "0.5.8",
-    "@types/node": "18.11.9",
-    "@types/react": "18.0.25",
+    "@tailwindcss/typography": "0.5.9",
+    "@tsconfig/strictest": "2.0.0",
+    "@types/node": "18.15.11",
+    "@types/react": "18.0.32",
     "@types/unist": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "5.43.0",
-    "autoprefixer": "10.4.13",
-    "cypress": "11.1.0",
-    "editorconfig-checker": "4.0.2",
-    "eslint": "8.28.0",
-    "eslint-config-conventions": "5.0.0",
-    "eslint-config-next": "13.0.4",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-import": "2.26.0",
+    "@typescript-eslint/eslint-plugin": "5.57.0",
+    "autoprefixer": "10.4.14",
+    "cypress": "12.9.0",
+    "editorconfig-checker": "5.0.1",
+    "eslint": "8.37.0",
+    "eslint-config-conventions": "8.0.0",
+    "eslint-config-next": "13.2.4",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-import": "2.27.5",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-promise": "6.1.1",
-    "eslint-plugin-unicorn": "44.0.2",
-    "html-w3c-validator": "1.2.1",
-    "husky": "8.0.2",
+    "eslint-plugin-unicorn": "46.0.0",
+    "html-w3c-validator": "1.2.2",
+    "husky": "8.0.3",
     "jsonresume-theme-custom": "file:./jsonresume-theme-custom",
-    "lint-staged": "13.0.3",
-    "markdownlint-cli2": "0.5.1",
-    "postcss": "8.4.19",
-    "prettier": "2.7.1",
-    "prettier-plugin-tailwindcss": "0.1.13",
-    "semantic-release": "19.0.5",
-    "start-server-and-test": "1.14.0",
-    "tailwindcss": "3.2.4",
-    "typescript": "4.9.3",
-    "vercel": "28.5.5"
+    "lint-staged": "13.2.0",
+    "markdownlint-cli2": "0.6.0",
+    "markdownlint-rule-relative-links": "1.1.2",
+    "next-translate-plugin": "2.0.4",
+    "postcss": "8.4.21",
+    "prettier": "2.8.7",
+    "prettier-plugin-tailwindcss": "0.2.6",
+    "semantic-release": "21.0.1",
+    "start-server-and-test": "2.0.0",
+    "tailwindcss": "3.3.1",
+    "typescript": "5.0.3",
+    "vercel": "28.18.3"
   }
 }

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

@@ -5,43 +5,69 @@
   },
   "basics": {
     "name": "Théo LUDWIG",
-    "label": "Développeur Full Stack • Enthousiaste de l'Open-Source",
+    "label": "Développeur Full Stack • Étudiant",
     "image": "https://divlo.fr/images/logo_orange.png",
     "email": "contact@divlo.fr",
-    "location": {},
+    "age": "31/03/2003",
+    "location": {
+      "address": "Alsace, France"
+    },
     "url": "https://divlo.fr",
-    "summary": "Je suis étudiant à l'université suivant la formation \"BUT Informatique\" et me forme en autodidacte dans l'informatique en suivant des formations en ligne. <br/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets (disponible sur divlo.fr)."
+    "summary": "Je suis étudiant à l'université suivant la formation \"BUT Informatique\" et me forme en autodidacte dans l'informatique en suivant des formations en ligne. <br/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets (disponible sur <a href=\"https://divlo.fr\">divlo.fr</a>)."
   },
   "education": [
     {
       "startDate": "2022",
-      "studyType": "Diplôme du Bachelor Universitaire de Technologie (BUT) Informatique",
+      "endDate": "2023",
+      "studyType": "Bachelor Universitaire de Technologie (BUT) Informatique",
       "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
-      "score": "2ème année"
+      "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) 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"
+      ]
+    },
+    {
+      "startDate": "2021",
+      "endDate": "2022",
+      "studyType": "Bachelor Universitaire de Technologie (BUT) Informatique",
+      "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
+      "score": "1ère année",
+      "courses": [
+        "Développement Orientée Objet en Java",
+        "Programmation systèmes en C (Allocation mémoire, Pointeurs, Structures)",
+        "Développement d'application Windows Forms (.NET Framework) en C#",
+        "Base de données relationnelles et langage SQL"
+      ]
     },
     {
       "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"
-    },
-    {
-      "startDate": "2014",
-      "endDate": "2018",
-      "studyType": "Diplôme national du brevet",
-      "institution": "Collège Gustave Doré à Hochfelden",
-      "score": "Mention Bien"
     }
+    // {
+    //   "startDate": "2014",
+    //   "endDate": "2018",
+    //   "studyType": "Diplôme national du brevet",
+    //   "institution": "Collège Gustave Doré à Hochfelden",
+    //   "score": "Mention Bien"
+    // }
   ],
   "work": [
     {
-      "summary": "Développement site web en React.js et Strapi afin de répondre <a href=\"https://www.nuitdelinfo.com/nuitinfo/_media/infos:la_nuit_de_l_info_2021_-_sujet.pdf\">au sujet de la Nuit de l'Info 2021</a>.<br /> Classé n°1 en France sur le Défi de l'entreprise <a href=\"https://www.nuitdelinfo.com/inscription/defis/300\">ToolPad</a>.",
+      "description": "interests",
+      "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://www.nuitdelinfo.com/",
       "name": "La Nuit de l'info 2021",
       "position": "Participation en équipe de 5 personnes",
       "startDate": "2021-12-02",
-      "endDate": "2021-12-03"
+      "endDate": "2021-12-03",
+      "duration": "1 semaine"
     },
     {
       "summary": "Agent administratif - Numérisation et archivage des plans électriques initialement sous format papier calque.",
@@ -50,16 +76,19 @@
       "location": "5 Rue André Marie Ampère, 67450 Mundolsheim",
       "position": "Emploi d'été en qualité d'agent administratif",
       "startDate": "2021-07-07",
-      "endDate": "2021-07-30"
+      "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": "Stage initiation métier développeur web",
+      "position": "Initiation métier développeur web",
       "startDate": "2019-06-24",
-      "endDate": "2019-06-28"
+      "endDate": "2019-06-28",
+      "duration": "1 semaine"
     },
     {
       "summary": "Développement d'un site web pour trouver un restaurant à la pause repas.",
@@ -68,7 +97,8 @@
       "location": "16 Rue du Parc, 67205 Oberhausbergen",
       "position": "Stage initiation métier développeur web",
       "startDate": "2019-06-17",
-      "endDate": "2019-06-21"
+      "endDate": "2019-06-21",
+      "duration": "1 semaine"
     },
     {
       "summary": "Apprentissage du métier \"Chargé de communication\" et des logiciels de graphisme tels que \"Adobe Photoshop\".",
@@ -77,13 +107,11 @@
       "location": "26 Bd du Président-Wilson, 67000 Strasbourg",
       "position": "Stage de découverte (3ème)",
       "startDate": "2018-02-19",
-      "endDate": "2018-02-23"
+      "endDate": "2018-02-23",
+      "duration": "1 semaine"
     }
   ],
   "interests": [
-    {
-      "name": "Développeur Full Stack"
-    },
     {
       "name": "Enthousiaste de l'Open-Source"
     },
@@ -93,11 +121,11 @@
   ],
   "skills": [
     {
-      "keywords": ["JavaScript", "TypeScript", "Python", "C/C++", "PHP"],
+      "keywords": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
       "name": "Langages de programmation"
     },
     {
-      "keywords": ["HTML", "CSS", "Tailwind CSS", "React.js (+ Next.js)"],
+      "keywords": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
       "name": "Front-end"
     },
     {
@@ -109,10 +137,14 @@
         "GNU/Linux",
         "Ubuntu",
         "Visual Studio Code",
-        "git",
+        "Git",
         "Docker"
       ],
       "name": "Logiciels et outils"
+    },
+    {
+      "keywords": ["Permis B", "Anglais"],
+      "name": "Autres"
     }
   ]
 }

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,
-    "forceConsistentCasingInFileNames": true,
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["./*"]
+    },
+    "types": ["cypress"],
+    "noEmit": true,
+    "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "incremental": true
+    "jsx": "preserve",
+    "incremental": true,
+    "exactOptionalPropertyTypes": false,
+    "verbatimModuleSyntax": false,
+    "isolatedModules": true
   },
-  "exclude": ["dist", ".next", "out", "next.config.js"],
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+  "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'