chore(release): 2.6.1 [skip ci]

.devcontainer/devcontainer.json

@@ -3,18 +3,22 @@
   "dockerComposeFile": "./docker-compose.yml",
   "service": "workspace",
   "workspaceFolder": "/workspace",
-  "settings": {
+  "customizations": {
-    "remote.autoForwardPorts": false
+    "vscode": {
+      "settings": {
+        "remote.autoForwardPorts": false
+      },
+      "extensions": [
+        "editorconfig.editorconfig",
+        "esbenp.prettier-vscode",
+        "dbaeumer.vscode-eslint",
+        "bradlc.vscode-tailwindcss",
+        "mikestead.dotenv",
+        "davidanson.vscode-markdownlint",
+        "ms-azuretools.vscode-docker"
+      ]
+    }
   },
-  "extensions": [
-    "editorconfig.editorconfig",
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint",
-    "bradlc.vscode-tailwindcss",
-    "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"]

README.md

@@ -25,21 +25,11 @@
   "pronouns": "He/Him",
   "birthDate": "31/03/2003",
   "nationality": "Alsace, France",
-  "interests": [
+  "interests": ["Open-Source enthusiast", "Passionate about High-Tech"],
-    "Developer Full Stack",
-    "Open-Source enthusiast",
-    "Passionate about High-Tech"
-  ],
   "skills": {
-    "programmingLanguages": [
+    "programmingLanguages": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
-      "JavaScript",
+    "frontEnd": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
-      "TypeScript",
+    "backEnd": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-      "Python",
-      "C/C++",
-      "PHP"
-    ],
-    "frontEnd": ["HTML", "CSS", "Tailwind CSS", "React.js (+ Next.js)"],
-    "backEnd": ["Laravel", "Node.js", "Fastify", "Prisma", "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', () => {

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/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>
+                    <h4 class="title text-uppercase">Formations</h4>
-                    <ul class="list-unstyled clear-margin">
+                    <div class="content">
-                      <% locals.work.forEach((experience) => { %>
+                      <ul class="list-unstyled clear-margin">
-                      <li class="card card-nested clearfix">
+                        <% locals.education.forEach((degree) => { %>
-                        <div class="content">
+                        <li class="card card-nested">
-                          <p class="clear-margin relative">
+                          <div class="content">
-                            <a href="<%= experience.website %>">
+                            <p class="clear-margin relative">
-                              <strong><%= experience.name %></strong>
+                              <strong><%= degree.studyType %></strong>
-                            </a>
+                            </p>
-                          </p>
+                            <p class="clear-margin relative">
-                          <p class="clear-margin relative">
+                              <strong><%= degree.score %></strong>
-                            <strong><%- experience.position %></strong>
+                            </p>
-                          </p>
+                            <p class="text-muted clear-margin">
-                          <p class="text-muted">
+                              <%= degree.institution %>
-                            <small>
+                            </p>
-                              <span class="space-right">
+                            <p class="text-muted clear-margin">
-                                <%= date.format(new Date(experience.startDate),
+                              <small>
-                                'DD/MM/YYYY') %> - <%= date.format(new
+                                <%= degree.startDate %> <%= degree.endDate !=
-                                Date(experience.endDate), 'DD/MM/YYYY') %>
+                                null ? " - " + degree.endDate : "" %>
-                              </span>
+                              </small>
-                            </small>
+                            </p>
-                          </p>
+                            <% if (degree.courses != null) { %>
-                          <div class="experience-description">
+                            <ul class="education-courses">
-                            <p><%- experience.summary %></p>
+                              <% degree.courses.forEach((course) => { %>
+                              <li><%= course %></li>
+                              <% }) %>
+                            </ul>
+                            <% } %>
                           </div>
-                        </div>
+                        </li>
-                      </li>
+                        <% }) %>
-                      <% }) %>
+                      </ul>
-                    </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>
+                    <h4 class="title text-uppercase">Expériences</h4>
-                    <div class="content">
+                    <ul class="list-unstyled clear-margin">
-                      <ul class="list-unstyled clear-margin">
+                      <% locals.work.filter((experience) =>
-                        <% locals.education.forEach((degree) => { %>
+                      experience.description == null).forEach((experience) => {
-                        <li class="card card-nested">
+                      %>
-                          <div class="content">
+                      <li class="card card-nested clearfix">
-                            <p class="clear-margin relative">
+                        <div class="content">
-                              <strong><%= degree.studyType %></strong>
+                          <p class="clear-margin relative">
-                            </p>
+                            <a href="<%= experience.website %>">
-                            <p class="clear-margin relative">
+                              <strong><%= experience.name %></strong>
-                              <strong><%= degree.score %></strong>
+                            </a>
-                            </p>
+                          </p>
-                            <p class="text-muted clear-margin">
+                          <p class="clear-margin relative">
-                              <%= degree.institution %>
+                            <strong><%- experience.position %></strong>
-                            </p>
+                          </p>
-                            <p class="text-muted clear-margin">
+                          <p class="text-muted">
-                              <small>
+                            <small>
-                                <%= degree.startDate %> <%= degree.endDate !=
+                              <span class="space-right">
-                                null ? " - " + degree.endDate : "" %>
+                                <%= date.format(new Date(experience.startDate),
-                              </small>
+                                'DD/MM/YYYY') %> - <%= date.format(new
-                            </p>
+                                Date(experience.endDate), 'DD/MM/YYYY') %> (<%=
+                                experience.duration %>)
+                              </span>
+                            </small>
+                          </p>
+                          <div class="experience-description">
+                            <p><%- experience.summary %></p>
                           </div>
-                        </li>
+                        </div>
-                        <% }) %>
+                      </li>
-                      </ul>
+                      <% }) %>
-                    </div>
+                    </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",
+    "@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"
   }
 }

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.6.1",
   "private": true,
   "repository": {
     "type": "git",
@@ -14,85 +14,85 @@
     "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/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",
+    "@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.3",
+    "@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.4",
+    "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.2.0",
+    "@commitlint/cli": "17.6.3",
-    "@commitlint/config-conventional": "17.2.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.43.0",
+    "@typescript-eslint/eslint-plugin": "5.59.5",
-    "autoprefixer": "10.4.13",
+    "autoprefixer": "10.4.14",
-    "cypress": "11.1.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": "5.0.0",
+    "eslint-config-conventions": "9.0.0",
-    "eslint-config-next": "13.0.4",
+    "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": "44.0.2",
+    "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.3",
+    "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.7.1",
+    "next-translate-plugin": "2.0.5",
-    "prettier-plugin-tailwindcss": "0.1.13",
+    "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.5"
+    "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.json

@@ -1,118 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
-  "meta": {
-    "theme": "custom"
-  },
-  "basics": {
-    "name": "Théo LUDWIG",
-    "label": "Développeur Full Stack • Enthousiaste de l'Open-Source",
-    "image": "https://divlo.fr/images/logo_orange.png",
-    "email": "contact@divlo.fr",
-    "location": {},
-    "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)."
-  },
-  "education": [
-    {
-      "startDate": "2022",
-      "studyType": "Diplôme du Bachelor Universitaire de Technologie (BUT) Informatique",
-      "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
-      "score": "2ème année"
-    },
-    {
-      "startDate": "2019",
-      "endDate": "2021",
-      "studyType": "Diplôme du 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"
-    }
-  ],
-  "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>.",
-      "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"
-    },
-    {
-      "summary": "Agent administratif - Numérisation et archivage des plans électriques initialement sous format papier calque.",
-      "website": "https://www.es.fr/",
-      "name": "ÉS (Électricité de Strasbourg)",
-      "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"
-    },
-    {
-      "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",
-      "startDate": "2019-06-24",
-      "endDate": "2019-06-28"
-    },
-    {
-      "summary": "Développement d'un site web pour trouver un restaurant à la pause repas.",
-      "website": "https://www.itpartners.fr/",
-      "name": "Tribe | IT Partners",
-      "location": "16 Rue du Parc, 67205 Oberhausbergen",
-      "position": "Stage initiation métier développeur web",
-      "startDate": "2019-06-17",
-      "endDate": "2019-06-21"
-    },
-    {
-      "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"
-    }
-  ],
-  "interests": [
-    {
-      "name": "Développeur Full Stack"
-    },
-    {
-      "name": "Enthousiaste de l'Open-Source"
-    },
-    {
-      "name": "Passionné de High-Tech"
-    }
-  ],
-  "skills": [
-    {
-      "keywords": ["JavaScript", "TypeScript", "Python", "C/C++", "PHP"],
-      "name": "Langages de programmation"
-    },
-    {
-      "keywords": ["HTML", "CSS", "Tailwind CSS", "React.js (+ Next.js)"],
-      "name": "Front-end"
-    },
-    {
-      "keywords": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-      "name": "Back-end"
-    },
-    {
-      "keywords": [
-        "GNU/Linux",
-        "Ubuntu",
-        "Visual Studio Code",
-        "git",
-        "Docker"
-      ],
-      "name": "Logiciels et outils"
-    }
-  ]
-}

resume.jsonc

@@ -0,0 +1,160 @@
+{
+  "$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
+  "meta": {
+    "theme": "custom"
+  },
+  "basics": {
+    "name": "Théo LUDWIG",
+    "label": "Développeur Full Stack • Étudiant",
+    "image": "https://divlo.fr/images/logo_orange.png",
+    "email": "contact@divlo.fr",
+    "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 <a href=\"https://divlo.fr\">divlo.fr</a>)."
+  },
+  "education": [
+    {
+      "startDate": "2022",
+      "endDate": "2023",
+      "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) 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": "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"
+    // }
+  ],
+  "work": [
+    {
+      "summary": "Développement d'un outil GED (Gestion Électronique de Documents) en React.js, Laravel et GraphQL.",
+      "website": "https://numerize.com/",
+      "name": "Numerize",
+      "location": "4 Rue Sophie Germain, 67720 Hœrdt",
+      "position": "Stagiaire Développeur Web",
+      "startDate": "2023-04-11",
+      "endDate": "2023-06-23",
+      "duration": "3 mois"
+    },
+    {
+      "summary": "Agent administratif - Numérisation et archivage des plans électriques initialement sous format papier calque.",
+      "website": "https://www.es.fr/",
+      "name": "ÉS (Électricité de Strasbourg)",
+      "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",
+      "duration": "1 mois"
+    },
+    {
+      "summary": "Développement d'un site web pour trouver un restaurant à la pause repas.",
+      "website": "https://www.itpartners.fr/",
+      "name": "Tribe | IT Partners",
+      "location": "16 Rue du Parc, 67205 Oberhausbergen",
+      "position": "Stage initiation métier développeur web",
+      "startDate": "2019-06-17",
+      "endDate": "2019-06-21",
+      "duration": "1 semaine"
+    },
+    {
+      "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",
+      "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": [
+    {
+      "name": "Enthousiaste de l'Open-Source"
+    },
+    {
+      "name": "Passionné de High-Tech"
+    }
+  ],
+  "skills": [
+    {
+      "keywords": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
+      "name": "Langages de programmation"
+    },
+    {
+      "keywords": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
+      "name": "Front-end"
+    },
+    {
+      "keywords": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
+      "name": "Back-end"
+    },
+    {
+      "keywords": [
+        "GNU/Linux",
+        "Ubuntu",
+        "Visual Studio Code",
+        "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,
+    "paths": {
-    "forceConsistentCasingInFileNames": true,
+      "@/*": ["./*"]
-    "lib": ["dom", "dom.iterable", "esnext"],
+    },
-    "skipLibCheck": true,
+    "types": ["cypress"],
+    "noEmit": true,
+    "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
+    "jsx": "preserve",
-    "incremental": true
+    "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'