chore(release): 4.1.0 [skip ci]

BREAKING CHANGE: minimum supported Node.js >= 22.0.0 and pnpm >= 9.5.0

.babelrc.json

@@ -1,3 +0,0 @@
-{
-  "presets": ["next/babel"]
-}

.commitlintrc.json

@@ -1 +0,0 @@
-{ "extends": ["@commitlint/config-conventional"] }

.devcontainer/Dockerfile

@@ -1,7 +0,0 @@
-# See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.163.1/containers/javascript-node/.devcontainer/base.Dockerfile
-
-ARG VARIANT="14-buster"
-FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:0-${VARIANT}
-
-ARG EXTRA_NODE_VERSION=16
-RUN su node -c "source /usr/local/share/nvm/nvm.sh && nvm install ${EXTRA_NODE_VERSION}"

.devcontainer/devcontainer.json

@@ -1,24 +0,0 @@
-{
-  "name": "divlo",
-  "dockerComposeFile": "./docker-compose.yml",
-  "service": "workspace",
-  "workspaceFolder": "/workspace",
-  "settings": {
-    "remote.autoForwardPorts": false
-  },
-  "extensions": [
-    "editorconfig.editorconfig",
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint",
-    "divlo.vscode-styled-jsx-syntax",
-    "divlo.vscode-styled-jsx-languageserver",
-    "bradlc.vscode-tailwindcss",
-    "mikestead.dotenv",
-    "coenraads.bracket-pair-colorizer",
-    "davidanson.vscode-markdownlint",
-    "ms-azuretools.vscode-docker"
-  ],
-  "forwardPorts": [3000],
-  "postAttachCommand": ["npm", "clean-install"],
-  "remoteUser": "node"
-}

.devcontainer/docker-compose.yml

@@ -1,10 +0,0 @@
-version: '3.0'
-
-services:
-  workspace:
-    build:
-      context: './'
-      dockerfile: './Dockerfile'
-    volumes:
-      - '..:/workspace:cached'
-    command: 'sleep infinity'

.dockerignore

@@ -1,11 +1,38 @@
-.vscode
-.git
+**/.git
+**/.turbo
+**/.next
+**/out
+**/dist
+**/build
+**/storybook-static
+**/coverage
+**/node_modules
+
+# envs
 .env
-build
-.next
-coverage
-node_modules
-tmp
-temp
+.env.production
+.env.development
+secrets
+
+# IDEs and editors
+.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+.vscode
+
+# misc
 .DS_Store
-.lighthouseci
+*.pem
+Dockerfile
+README.md
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.editorconfig

@@ -1,4 +1,4 @@
-# For more information see: https://editorconfig.org/
+# https://editorconfig.org/
 
 root = true
 

.env.example

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

.eslintignore

@@ -1,6 +0,0 @@
-.next
-.lighthouseci
-node_modules
-next-env.d.ts
-**/workbox-*.js
-**/sw.js

.eslintrc.json

@@ -1,20 +0,0 @@
-{
-  "extends": [
-    "standard-with-typescript",
-    "next",
-    "next/core-web-vitals",
-    "prettier"
-  ],
-  "plugins": ["prettier"],
-  "parserOptions": {
-    "project": "./tsconfig.json"
-  },
-  "env": {
-    "node": true,
-    "browser": true,
-    "jest": true
-  },
-  "rules": {
-    "prettier/prettier": "error"
-  }
-}

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/ISSUE_TEMPLATE/BUG.md

@@ -1,8 +1,8 @@
 ---
-name: '🐛 Bug Report'
-about: 'Report an unexpected problem or unintended behavior.'
-title: '[Bug]'
-labels: 'bug'
+name: "🐛 Bug Report"
+about: "Report an unexpected problem or unintended behavior."
+title: "[Bug]"
+labels: "bug"
 ---
 
 <!--

.github/ISSUE_TEMPLATE/DOCUMENTATION.md

@@ -1,8 +1,8 @@
 ---
-name: '📜 Documentation'
-about: 'Correct spelling errors, improvements or additions to documentation files (README, CONTRIBUTING...).'
-title: '[Documentation]'
-labels: 'documentation'
+name: "📜 Documentation"
+about: "Correct spelling errors, improvements or additions to documentation files (README, CONTRIBUTING...)."
+title: "[Documentation]"
+labels: "documentation"
 ---
 
 <!-- Please make sure your issue has not already been fixed. -->

.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md

@@ -1,8 +1,8 @@
 ---
-name: '✨ Feature Request'
-about: 'Suggest a new feature idea.'
-title: '[Feature]'
-labels: 'feature request'
+name: "✨ Feature Request"
+about: "Suggest a new feature idea."
+title: "[Feature]"
+labels: "feature request"
 ---
 
 <!-- Please make sure your issue has not already been fixed. -->

.github/ISSUE_TEMPLATE/IMPROVEMENT.md

@@ -1,8 +1,8 @@
 ---
-name: '🔧 Improvement'
-about: 'Improve structure/format/performance/refactor/tests of the code.'
-title: '[Improvement]'
-labels: 'improvement'
+name: "🔧 Improvement"
+about: "Improve structure/format/performance/refactor/tests of the code."
+title: "[Improvement]"
+labels: "improvement"
 ---
 
 <!-- Please make sure your issue has not already been fixed. -->

.github/ISSUE_TEMPLATE/QUESTION.md

@@ -1,8 +1,8 @@
 ---
-name: '🙋 Question'
-about: 'Further information is requested.'
-title: '[Question]'
-labels: 'question'
+name: "🙋 Question"
+about: "Further information is requested."
+title: "[Question]"
+labels: "question"
 ---
 
 ### Question

.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/dependabot.yml

@@ -1,16 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: 'github-actions'
-    directory: '/'
-    schedule:
-      interval: 'daily'
-
-  - package-ecosystem: 'docker'
-    directory: '/'
-    schedule:
-      interval: 'daily'
-
-  - package-ecosystem: 'npm'
-    directory: '/'
-    schedule:
-      interval: 'daily'

.github/workflows/Divlo.yml

@@ -1,127 +0,0 @@
-name: 'Divlo'
-
-on:
-  push:
-    branches: [master, develop]
-  pull_request:
-    branches: [master, develop]
-
-jobs:
-  analyze:
-    runs-on: 'ubuntu-latest'
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: ['javascript']
-
-    steps:
-      - uses: 'actions/checkout@v2.3.4'
-
-      - name: 'Initialize CodeQL'
-        uses: 'github/codeql-action/init@v1'
-        with:
-          languages: ${{ matrix.language }}
-
-      - name: 'Perform CodeQL Analysis'
-        uses: 'github/codeql-action/analyze@v1'
-
-  lint:
-    runs-on: 'ubuntu-latest'
-    steps:
-      - uses: 'actions/checkout@v2.3.4'
-
-      - name: 'Use Node.js'
-        uses: 'actions/setup-node@v2.1.5'
-        with:
-          node-version: '16.x'
-
-      - name: 'Cache dependencies'
-        uses: 'actions/cache@v2.1.6'
-        with:
-          path: '.npm'
-          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
-
-      - name: 'Install'
-        run: 'npm ci --cache .npm --prefer-offline'
-
-      - run: 'npm run lint:commit -- --to "${{ github.sha }}"'
-      - run: 'npm run lint:docker'
-      - run: 'npm run lint:editorconfig'
-      - run: 'npm run lint:markdown'
-      - run: 'npm run lint:typescript'
-
-  build:
-    runs-on: 'ubuntu-latest'
-    steps:
-      - uses: 'actions/checkout@v2.3.4'
-
-      - name: 'Use Node.js'
-        uses: 'actions/setup-node@v2.1.5'
-        with:
-          node-version: '16.x'
-
-      - name: 'Cache dependencies'
-        uses: 'actions/cache@v2.1.6'
-        with:
-          path: '.npm'
-          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
-
-      - name: 'Install'
-        run: 'npm ci --cache .npm --prefer-offline'
-
-      - name: 'Build'
-        run: 'npm run build'
-
-      - name: 'Lighthouse'
-        run: 'npm run lighthouse'
-        env:
-          LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
-
-  test:
-    runs-on: 'ubuntu-latest'
-    steps:
-      - uses: 'actions/checkout@v2.3.4'
-
-      - name: 'Use Node.js'
-        uses: 'actions/setup-node@v2.1.5'
-        with:
-          node-version: '16.x'
-
-      - name: 'Cache dependencies'
-        uses: 'actions/cache@v2.1.6'
-        with:
-          path: '.npm'
-          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
-
-      - name: 'Install'
-        run: 'npm ci --cache .npm --prefer-offline'
-
-      - name: 'Test'
-        run: 'npm run test'
-
-  release:
-    if: github.ref == 'refs/heads/master' && github.event_name == 'push'
-    needs: [analyze, lint, build, test]
-    runs-on: 'ubuntu-latest'
-    steps:
-      - uses: 'actions/checkout@v2.3.4'
-
-      - name: 'Use Node.js'
-        uses: 'actions/setup-node@v2.1.5'
-        with:
-          node-version: '16.x'
-
-      - name: 'Cache dependencies'
-        uses: 'actions/cache@v2.1.6'
-        with:
-          path: '.npm'
-          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
-
-      - name: 'Install'
-        run: 'npm ci --cache .npm --prefer-offline'
-
-      - name: 'Release'
-        run: 'npm run release'
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/chromatic.yml

@@ -0,0 +1,33 @@
+name: "Chromatic"
+
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [develop, staging, main]
+
+jobs:
+  chromatic:
+    timeout-minutes: 30
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.2.2"
+        with:
+          fetch-depth: 0
+
+      - uses: "pnpm/action-setup@v4.0.0"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.1.0"
+        with:
+          node-version: "22.x"
+          cache: "pnpm"
+
+      - name: "Install dependencies"
+        run: "pnpm install --frozen-lockfile"
+
+      - name: "Run Chromatic"
+        uses: "chromaui/action@latest"
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          workingDir: "apps/storybook"

.github/workflows/ci.yml

@@ -0,0 +1,43 @@
+name: "CI"
+
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [develop, staging, main]
+
+jobs:
+  ci:
+    timeout-minutes: 30
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.2.2"
+
+      - uses: "pnpm/action-setup@v4.0.0"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.1.0"
+        with:
+          node-version: "22.x"
+          cache: "pnpm"
+
+      - name: "Install dependencies"
+        run: "pnpm install --frozen-lockfile"
+
+      - name: "Install Playwright"
+        run: "pnpm exec playwright install --with-deps"
+
+      - run: "node --run lint:editorconfig"
+      - run: "node --run lint:markdown"
+      - run: "node --run lint:typescript"
+      - run: "node --run lint:eslint"
+      - run: "node --run lint:prettier"
+      - run: "node --run test"
+      - run: "node --run build"
+
+  commitlint:
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.2.2"
+
+      - uses: "wagoid/commitlint-github-action@v6.1.2"

.github/workflows/release.yml

@@ -0,0 +1,45 @@
+name: "Release"
+
+on:
+  push:
+    branches: [main, staging]
+
+jobs:
+  release:
+    timeout-minutes: 30
+    runs-on: "ubuntu-latest"
+    permissions:
+      contents: "write"
+      issues: "write"
+      pull-requests: "write"
+      id-token: "write"
+    steps:
+      - uses: "actions/checkout@v4.2.2"
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+
+      - name: "Import GPG key"
+        uses: "crazy-max/ghaction-import-gpg@v6.1.0"
+        with:
+          gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
+          git_user_signingkey: true
+          git_commit_gpgsign: true
+
+      - uses: "pnpm/action-setup@v4.0.0"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.1.0"
+        with:
+          node-version: "22.x"
+          cache: "pnpm"
+
+      - name: "Install dependencies"
+        run: "pnpm install --frozen-lockfile"
+
+      - name: "Release"
+        run: "node --run release"
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          GIT_COMMITTER_NAME: ${{ secrets.GIT_NAME }}
+          GIT_COMMITTER_EMAIL: ${{ secrets.GIT_EMAIL }}

.gitignore

@@ -1,33 +1,38 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
 node_modules
 .npm
-
-# next.js
-.next
-out
-
-# production
-build
-dist
+package-lock.json
+.pnpm-store
+.pnp
+.pnp.js
+.yarn/install-state.gz
 
 # testing
 coverage
 
-# PWA
-**/workbox-*.js
-**/sw.js
+# production
+.next/
+out/
+dist/
+build/
 
-# envs
-.env
-.env.production
+# misc
+.DS_Store
+*.pem
+.turbo
+bin/
 
 # debug
 npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Storybook
+*storybook.log
+storybook-static
 
 # IDEs and editors
-/.idea
+.idea
 .project
 .classpath
 .c9/
@@ -35,13 +40,14 @@ npm-debug.log*
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
+# local env files
+.env
+.env.production
+.env*.local
 
-# misc
-.DS_Store
-.lighthouseci
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+# next-env.d.ts

.gitpod.yml

@@ -1,20 +0,0 @@
-image: 'gitpod/workspace-full'
-
-tasks:
-  - before: 'cp .env.example .env && npm install --global npm@7'
-    init: 'npm clean-install'
-    command: 'npm run dev'
-
-ports:
-  - port: 3000
-    onOpen: 'open-preview'
-
-github:
-  prebuilds:
-    master: true
-    branches: true
-    pullRequests: true
-    pullRequestsFromForks: true
-    addComment: true
-    addBadge: true
-    addLabel: true

.husky/.gitignore

@@ -1 +0,0 @@
-_

.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run lint:commit -- --edit

.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run lint:staged

.lighthouserc.json

@@ -1,23 +0,0 @@
-{
-  "ci": {
-    "collect": {
-      "startServerCommand": "npm run start",
-      "startServerReadyPattern": "ready on",
-      "startServerReadyTimeout": 20000,
-      "url": ["http://localhost:3000/"],
-      "numberOfRuns": 3
-    },
-    "assert": {
-      "preset": "lighthouse:recommended",
-      "assertions": {
-        "csp-xss": "warning",
-        "non-composited-animations": "warning",
-        "uses-responsive-images": "warning"
-      }
-    },
-    "upload": {
-      "target": "temporary-public-storage"
-    },
-    "server": {}
-  }
-}

.lintstagedrc.json

@@ -1,11 +0,0 @@
-{
-  "*": ["editorconfig-checker"],
-  "*.{js,ts,jsx,tsx}": [
-    "prettier --write",
-    "eslint --fix",
-    "jest --findRelatedTests"
-  ],
-  "*.{css,yml,json}": ["prettier --write"],
-  "*.{md}": ["prettier --write", "markdownlint --dot --fix"],
-  "./Dockerfile": ["dockerfilelint"]
-}

.markdownlint-cli2.jsonc

@@ -0,0 +1,12 @@
+{
+  "config": {
+    "extends": "markdownlint/style/prettier",
+    "default": true,
+    "relative-links": true,
+    "no-duplicate-heading": false,
+    "no-inline-html": false,
+  },
+  "globs": ["**/*.md"],
+  "ignores": ["**/node_modules"],
+  "customRules": ["markdownlint-rule-relative-links"],
+}

.markdownlint.json

@@ -1,7 +0,0 @@
-{
-  "default": true,
-  "MD013": false,
-  "MD024": false,
-  "MD033": false,
-  "MD041": false
-}

.npmrc

@@ -1 +0,0 @@
-save-exact=true

.prettierignore

@@ -1,8 +0,0 @@
-.next
-.lighthouseci
-node_modules
-next-env.d.ts
-package.json
-package-lock.json
-**/workbox-*.js
-**/sw.js

.prettierrc.json

@@ -1,6 +1,13 @@
 {
-  "singleQuote": true,
-  "jsxSingleQuote": true,
   "semi": false,
-  "trailingComma": "none"
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindFunctions": ["classNames", "cva"],
+  "overrides": [
+    {
+      "files": "pnpm-lock.yaml",
+      "options": {
+        "rangeEnd": 0
+      }
+    }
+  ]
 }

.releaserc.json

@@ -1,18 +1,34 @@
 {
-  "branches": ["master"],
+  "branches": ["main", { "name": "staging", "prerelease": true }],
   "plugins": [
-    [
     "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/exec",
       {
-        "preset": "conventionalcommits"
+        "prepareCmd": "replace-in-files --regex='version\": *\"[^\"]*' --replacement='\"version\": \"${nextRelease.version}\"' '**/package.json' '!**/node_modules/**'"
       }
     ],
     [
-      "@semantic-release/release-notes-generator",
+      "@semantic-release/git",
       {
-        "preset": "conventionalcommits"
+        "assets": [
+          "package.json",
+          "apps/*/package.json",
+          "packages/*/package.json"
+        ],
+        "message": "chore(release): ${nextRelease.version} [skip ci]"
       }
     ],
-    "@semantic-release/github"
+    "@semantic-release/github",
+    [
+      "@saithodev/semantic-release-backmerge",
+      {
+        "branches": [
+          { "from": "main", "to": "develop" },
+          { "from": "staging", "to": "develop" }
+        ]
+      }
+    ]
   ]
 }

.vscode/extensions.json

@@ -3,12 +3,11 @@
     "editorconfig.editorconfig",
     "esbenp.prettier-vscode",
     "dbaeumer.vscode-eslint",
-    "divlo.vscode-styled-jsx-syntax",
-    "divlo.vscode-styled-jsx-languageserver",
+    "davidanson.vscode-markdownlint",
     "bradlc.vscode-tailwindcss",
     "mikestead.dotenv",
-    "coenraads.bracket-pair-colorizer",
-    "davidanson.vscode-markdownlint",
-    "ms-azuretools.vscode-docker"
+    "ms-azuretools.vscode-docker",
+    "antfu.pnpm-catalog-lens",
+    "Lokalise.i18n-ally"
   ]
 }

.vscode/react.code-snippets

@@ -0,0 +1,43 @@
+{
+  "React Component": {
+    "scope": "typescriptreact",
+    "prefix": "rfc",
+    "body": [
+      "export interface ${1:ComponentName}Props {}",
+      "",
+      "export const ${1:ComponentName}: React.FC<${1:ComponentName}Props> = () => {",
+      "  return (",
+      "    <div>",
+      "      <h1>${1:ComponentName}</h1>",
+      "    </div>",
+      "  )",
+      "}",
+      "",
+    ],
+    "description": "React Component",
+  },
+  "React Component Story": {
+    "scope": "typescriptreact",
+    "prefix": "rfcs",
+    "body": [
+      "import type { Meta, StoryObj } from \"@storybook/react\"",
+      "",
+      "import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
+      "",
+      "const meta = {",
+      "  title: \"${1:ComponentName}\",",
+      "  component: ${1:ComponentName}Component",
+      "} satisfies Meta<typeof ${1:ComponentName}Component>",
+      "",
+      "export default meta",
+      "",
+      "type Story = StoryObj<typeof meta>",
+      "",
+      "export const ${1:ComponentName}: Story = {",
+      "  args: {}",
+      "}",
+      "",
+    ],
+    "description": "React Component Story",
+  },
+}

.vscode/settings.json

@@ -1,9 +1,23 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.bracketPairColorization.enabled": true,
+  "editor.wordWrap": "on",
   "prettier.configPath": ".prettierrc.json",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
-  }
+    "source.fixAll": "explicit",
+    "source.organizeImports": "never"
+  },
+  "tailwindCSS.experimental.classRegex": [
+    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+  ],
+  "i18n-ally.localesPaths": ["./packages/i18n/src/translations/"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.sortKeys": true,
+  "i18n-ally.sourceLanguage": "en-US",
+  "i18n-ally.displayLanguage": "en-US",
+  "i18n-ally.enabledFrameworks": ["next-intl", "general"],
+  "i18n-ally.extract.autoDetect": true
 }

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@theoludwig.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

@@ -1,6 +1,10 @@
 # 💡 Contributing
 
-Thanks a lot for your interest in contributing to **divlo.fr**! 🎉
+Thanks a lot for your interest in contributing to **theoludwig.fr**! 🎉
+
+## Code of Conduct
+
+**theoludwig.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
 
@@ -11,79 +15,77 @@ Thanks a lot for your interest in contributing to **divlo.fr**! 🎉
 
 ## Pull Requests
 
-- **Please first discuss** the change you wish to make via [issue](https://github.com/Divlo/Divlo/issues) before making a change. It might avoid a waste of your time.
+- **Please first discuss** the change you wish to make via [issue](https://github.com/theoludwig/theoludwig/issues) before making a change. It might avoid a waste of your time.
 
-- Ensure your code respect [Typescript Standard Style](https://www.npmjs.com/package/ts-standard).
+- Ensure your code respect linting.
 
 - Make sure your **code passes the tests**.
 
-If you're adding new features to **divlo.fr**, please include tests.
+If you're adding new features to **theoludwig.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.
-
-### 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.
+The commit message guidelines adheres to [Conventional Commits](https://www.conventionalcommits.org/) and [Semantic Versioning](https://semver.org/) for releases.
 
 ## Getting Started
 
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Divlo/Divlo)
-
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/) >= 14
-- [npm](https://www.npmjs.com/) >= 7
+- [Node.js](https://nodejs.org/) >= 22.0.0
+- [pnpm](https://pnpm.io/) >= 9.12.3 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
+- [Docker](https://www.docker.com/)
 
 ### Installation
 
 ```sh
 # Clone the repository
-git clone https://github.com/Divlo/Divlo.git
+git clone git@github.com:theoludwig/theoludwig.git
 
 # Go to the project root
-cd Divlo
+cd theoludwig
 
 # Configure environment variables
 cp .env.example .env
+cp apps/website/.env.example apps/website/.env
 
-# Install
-npm install
+# Install dependencies
+pnpm install --frozen-lockfile
+
+# Install Playwright browser binaries and their dependencies (tests)
+pnpm exec playwright install --with-deps
 ```
 
-### Local Development environment
+### Development
 
 ```sh
-# Run website
-npm run dev
+# Start the development server
+node --run dev
+
+# Lint
+node --run lint:editorconfig
+node --run lint:markdown
+node --run lint:typescript
+node --run lint:eslint
+node --run lint:prettier
+
+# Tests
+node --run test
+
+# Build
+node --run build
+
+# To execute a command in a specific package (e.g: packages/utils)
+cd packages/utils
+node --run test
 ```
 
 ### Production environment with [Docker](https://www.docker.com/)
 
 ```sh
 # Setup and run all the services for you
-docker-compose up --build
+docker compose up --build
 ```
 
-### Services started
+#### Services started
 
-- website : `http://localhost:3000`
+`theoludwig`: <http://127.0.0.1:3000>

Dockerfile

@@ -1,23 +0,0 @@
-FROM node:16.3.0 AS dependencies
-WORKDIR /usr/src/app
-COPY ./package*.json ./
-RUN npm clean-install
-
-FROM node:16.3.0 AS builder
-WORKDIR /usr/src/app
-COPY ./ ./
-COPY --from=dependencies /usr/src/app/node_modules ./node_modules
-RUN npm run build
-
-FROM node:16.3.0 AS runner
-WORKDIR /usr/src/app
-ENV NODE_ENV=production
-COPY --from=builder /usr/src/app/next.config.js ./next.config.js
-COPY --from=builder /usr/src/app/public ./public
-COPY --from=builder /usr/src/app/.next ./.next
-COPY --from=builder /usr/src/app/i18n.json ./i18n.json
-COPY --from=builder /usr/src/app/locales ./locales
-COPY --from=builder /usr/src/app/pages ./pages
-COPY --from=builder /usr/src/app/node_modules ./node_modules
-RUN npx next telemetry disable
-CMD ["node_modules/.bin/next", "start", "--port", "${PORT}"]

LICENSE

@@ -1,6 +1,6 @@
-MIT License
+# MIT License
 
-Copyright (c) Divlo
+Copyright (c) Théo LUDWIG <contact@theoludwig.fr>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,49 +1,45 @@
-<h1 align="center"><a href="https://divlo.fr/">Divlo</a></h1>
+<h1 align="center"><a href="https://theoludwig.fr/">Théo LUDWIG</a></h1>
 
 <p align="center">
-  <strong>Developer Full Stack Junior • Passionate about High-Tech</strong>
+  <strong>Developer Full Stack • Open-Source Enthusiast</strong>
 </p>
 
 <p align="center">
-  <a href="https://github.com/Divlo/Divlo/actions?query=workflow%3A%22Divlo%22"><img src="https://github.com/Divlo/Divlo/actions/workflows/Divlo.yml/badge.svg?branch=master" alt="Divlo's CI" /></a>
-  <a href="https://github.com/Divlo"><img alt="GitHub" src="https://img.shields.io/badge/-GitHub-5A5A5A?style=flat&labelColor=5A5A5A&logo=github&logoColor=white"/></a>
-  <a href="https://gitlab.com/Divlo"><img alt="GitLab" src="https://img.shields.io/badge/-GitLab-303030?style=flat&labelColor=303030&logo=gitlab&logoColor=white"/></a>
-  <a href="https://www.npmjs.com/~divlo"><img alt="npm" src="https://img.shields.io/badge/-npm-c4302b?style=flat&labelColor=c4302b&logo=npm&logoColor=white"/></a>
-  <a href="https://twitter.com/Divlo_FR"><img alt="Twitter" src="https://img.shields.io/badge/-Twitter-1ca0f1?style=flat&labelColor=1ca0f1&logo=twitter&logoColor=white"/></a>
-  <a href="https://www.youtube.com/channel/UCfEKQzI3c8vmZOrsTOi5spA"><img alt="YouTube" src="https://img.shields.io/badge/-YouTube-c4302b?style=flat&labelColor=c4302b&logo=youtube&logoColor=white"/></a>
-  <a href="https://www.twitch.tv/divlo"><img alt="Twitch" src="https://img.shields.io/badge/-Twitch-9147FF?style=flat&labelColor=9147FF&logo=twitch&logoColor=white"/></a>
-  <a href="https://www.divlo.fr"><img alt="Website" src="https://img.shields.io/badge/-Website-181818?style=flat&labelColor=181818&logo=Google-Chrome&logoColor=white"/></a>
-  <a href="mailto:contact@divlo.fr"><img alt="Email" src="https://img.shields.io/badge/-contact@divlo.fr-2F7EBE?style=flat&labelColor=2F7EBE&logo=minutemailer&logoColor=white"/></a>
+  <a href="https://github.com/theoludwig"><img alt="GitHub" src="https://img.shields.io/badge/-GitHub-5A5A5A?style=flat&labelColor=5A5A5A&logo=github&logoColor=white"/></a>
+  <a href="https://gitlab.com/theoludwig"><img alt="GitLab" src="https://img.shields.io/badge/-GitLab-303030?style=flat&labelColor=303030&logo=gitlab&logoColor=white"/></a>
+  <a href="https://www.npmjs.com/~theoludwig"><img alt="npm" src="https://img.shields.io/badge/-npm-c4302b?style=flat&labelColor=c4302b&logo=npm&logoColor=white"/></a>
+  <a href="https://twitter.com/theoludwig_"><img alt="Twitter" src="https://img.shields.io/badge/-Twitter-1ca0f1?style=flat&labelColor=1ca0f1&logo=x&logoColor=white"/></a>
+  <a href="https://www.youtube.com/@theo_ludwig"><img alt="YouTube" src="https://img.shields.io/badge/-YouTube-c4302b?style=flat&labelColor=c4302b&logo=youtube&logoColor=white"/></a>
+  <a href="https://www.twitch.tv/theoludwig"><img alt="Twitch" src="https://img.shields.io/badge/-Twitch-9147FF?style=flat&labelColor=9147FF&logo=twitch&logoColor=white"/></a>
+  <a href="https://theoludwig.fr/"><img alt="Website" src="https://img.shields.io/badge/-Website-181818?style=flat&labelColor=181818&logo=Google-Chrome&logoColor=white"/></a>
+  <a href="mailto:contact@theoludwig.fr"><img alt="Email" src="https://img.shields.io/badge/-contact@theoludwig.fr-2F7EBE?style=flat&labelColor=2F7EBE&logo=minutemailer&logoColor=white"/></a>
 </p>
 
 <hr />
 
 ## 📜 About
 
-```typescript
-export interface Divlo {
-  pronouns: 'He' | 'Him'
-  birthDate: '31/03/2003'
-  nationality: 'Alsace, France'
-  interests: [
-    'Developer Full Stack Junior',
-    'Passionate about High-Tech',
-    'Open-Source enthusiast'
-  ]
-  skills: {
-    languages: ['JavaScript', 'TypeScript', 'Python', 'C/C++']
-    frontEnd: ['HTML', 'CSS', 'Tailwind CSS', 'React.js (+ Next.js)']
-    backEnd: ['Node.js', 'Fastify', 'Prisma', 'PostgreSQL', 'MySQL']
-    tools: ['Ubuntu', 'Hyper Terminal', 'VSCode', 'Git', 'Docker']
+```json
+{
+  "name": "Théo LUDWIG",
+  "pronouns": "He/Him",
+  "birthDate": "2003-03-31",
+  "nationality": "Alsace, France",
+  "interests": ["Developer Full Stack", "Open-Source Enthusiast"],
+  "skills": {
+    "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", "Arch Linux", "Visual Studio Code", "Git", "Docker"]
   }
 }
 ```
 
 <hr />
 
-## 📈 Stats
+## 📈 Statistics
 
 <p align=center>
-  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api?username=Divlo&show_icons=true&theme=dark" />
-  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Divlo&hide=html,css&langs_count=8&layout=compact&theme=dark" />
+  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api?username=theoludwig&show_icons=true&theme=dark" alt="Théo LUDWIG's GitHub Stats" />
+  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=theoludwig&hide=html,css,javascript&langs_count=8&layout=compact&theme=dark" alt="Théo LUDWIG's Programming Languages" />
 </p>

__test__/pages/404.test.tsx

@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react'
-
-import Error404 from 'pages/404'
-
-describe('GET /404', () => {
-  it('should render', async () => {
-    const { getByText } = render(<Error404 />)
-    expect(getByText('404')).toBeInTheDocument()
-  })
-})

__test__/pages/500.test.tsx

@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react'
-
-import Error500 from 'pages/500'
-
-describe('GET /500', () => {
-  it('should render', async () => {
-    const { getByText } = render(<Error500 />)
-    expect(getByText('500')).toBeInTheDocument()
-  })
-})

apps/storybook/.storybook/main.ts

@@ -0,0 +1,37 @@
+import type { StorybookConfig } from "@storybook/nextjs"
+
+const config: StorybookConfig = {
+  core: {
+    disableTelemetry: true,
+  },
+  docs: {
+    defaultName: "Documentation",
+  },
+  stories: [
+    "../../../packages/ui/src/**/*.stories.tsx",
+    "../../../packages/blog/src/**/*.stories.tsx",
+    "../stories/*.mdx",
+  ],
+  addons: [
+    "@chromatic-com/storybook",
+    "@storybook/addon-essentials",
+    "@storybook/addon-storysource",
+    "@storybook/addon-a11y",
+    "@storybook/addon-interactions",
+    "storybook-dark-mode",
+  ],
+  framework: {
+    name: "@storybook/nextjs",
+    options: {},
+  },
+  features: {
+    experimentalRSC: true,
+  },
+  typescript: {
+    check: false,
+    reactDocgen: "react-docgen-typescript",
+  },
+  staticDirs: ["../../website/public"],
+}
+
+export default config

apps/storybook/.storybook/preview.tsx

@@ -0,0 +1,51 @@
+import "@repo/config-tailwind/styles.css"
+import i18nMessages from "@repo/i18n/translations/en-US.json"
+import { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
+import type { Preview } from "@storybook/react"
+import { NextIntlClientProvider } from "next-intl"
+import { ThemeProvider as NextThemeProvider } from "next-themes"
+import React from "react"
+
+const preview: Preview = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+    },
+    options: {
+      storySort: {
+        order: ["Design System", "Layout", "Errors"],
+      },
+    },
+    backgrounds: { disable: true },
+    darkMode: {
+      darkClass: "dark",
+      lightClass: "light",
+      classTarget: "html",
+      stylePreview: true,
+    },
+    controls: {
+      disableSaveFromUI: true,
+      matchers: {
+        color: /(background|color)$/i,
+        date: /date$/i,
+      },
+    },
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <NextThemeProvider enableColorScheme={false}>
+          <NextIntlClientProvider
+            messages={i18nMessages}
+            locale={LOCALE_DEFAULT}
+            timeZone={TIMEZONE}
+          >
+            <Story />
+          </NextIntlClientProvider>
+        </NextThemeProvider>
+      )
+    },
+  ],
+}
+
+export default preview

apps/storybook/.storybook/test-runner.ts

@@ -0,0 +1,34 @@
+import type { TestRunnerConfig } from "@storybook/test-runner"
+import { getStoryContext } from "@storybook/test-runner"
+
+import { checkA11y, configureAxe, injectAxe } from "axe-playwright"
+
+/*
+ * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
+ */
+const config: TestRunnerConfig = {
+  async preVisit(page) {
+    await injectAxe(page)
+  },
+  async postVisit(page, context) {
+    const storyContext = await getStoryContext(page, context)
+
+    if (storyContext.parameters?.a11y?.disable) {
+      return
+    }
+
+    await configureAxe(page, {
+      rules: storyContext.parameters?.a11y?.config?.rules,
+    })
+
+    await checkA11y(page, "#storybook-root", {
+      verbose: false,
+      detailedReport: true,
+      detailedReportOptions: {
+        html: true,
+      },
+    })
+  },
+}
+
+export default config

apps/storybook/chromatic.config.json

@@ -0,0 +1,7 @@
+{
+  "projectId": "Project:66a7a85ea85df74afbec7682",
+  "buildScriptName": "build",
+  "storybookBaseDir": "apps/storybook",
+  "onlyChanged": true,
+  "zip": true
+}

apps/storybook/eslint.config.js

@@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import config from "@repo/eslint-config"
+
+export default typescriptESLint.config(...config, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})

apps/storybook/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@repo/storybook",
+  "version": "4.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "storybook build",
+    "dev": "storybook dev --port 6006 --no-open",
+    "start": "http-server \"storybook-static\" --port 6006 --silent",
+    "test": "start-server-and-test \"start\" http://127.0.0.1:6006 \"test:storybook\"",
+    "test:dev": "start-server-and-test \"dev\" http://127.0.0.1:6006 \"test:storybook\"",
+    "test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
+    "chromatic": "chromatic"
+  },
+  "dependencies": {
+    "@repo/config-tailwind": "workspace:*",
+    "@repo/i18n": "workspace:*",
+    "@repo/ui": "workspace:*",
+    "@repo/utils": "workspace:*",
+    "@repo/blog": "workspace:*",
+    "next": "catalog:",
+    "next-intl": "catalog:",
+    "next-themes": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/config-typescript": "workspace:*",
+    "@chromatic-com/storybook": "catalog:",
+    "@playwright/test": "catalog:",
+    "@storybook/addon-essentials": "catalog:",
+    "@storybook/addon-storysource": "catalog:",
+    "@storybook/addon-a11y": "catalog:",
+    "@storybook/addon-interactions": "catalog:",
+    "@storybook/addon-themes": "catalog:",
+    "@storybook/blocks": "catalog:",
+    "@storybook/nextjs": "catalog:",
+    "@storybook/react": "catalog:",
+    "@storybook/test": "catalog:",
+    "@storybook/test-runner": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "axe-playwright": "catalog:",
+    "chromatic": "catalog:",
+    "eslint": "catalog:",
+    "http-server": "catalog:",
+    "start-server-and-test": "catalog:",
+    "storybook": "catalog:",
+    "storybook-dark-mode": "catalog:",
+    "postcss": "catalog:",
+    "tailwindcss": "catalog:",
+    "typescript-eslint": "catalog:",
+    "typescript": "catalog:"
+  }
+}

apps/storybook/postcss.config.js

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+}
+
+export default config

apps/storybook/stories/Colors.mdx

@@ -0,0 +1,31 @@
+import { Meta, Title, ColorPalette, ColorItem } from "@storybook/blocks"
+import tailwindConfig from "@repo/config-tailwind"
+
+<Meta title="Design System/Colors" />
+
+<Title>Colors</Title>
+
+<ColorPalette>
+  {Object.entries(tailwindConfig.theme.extend.colors).map(
+    ([colorName, colorValue]) => {
+      const colors = {}
+
+      if (typeof colorValue === "string") {
+        colors[colorName] = colorValue
+      } else {
+        colors.light = colorValue.DEFAULT
+        colors.dark = colorValue.dark
+      }
+
+      return (
+        <ColorItem
+          key={colorName}
+          title={colorName}
+          colors={colors}
+        />
+      )
+    }
+
+)}
+
+</ColorPalette>

apps/storybook/tailwind.config.js

@@ -0,0 +1,13 @@
+import sharedConfig from "@repo/config-tailwind"
+
+/** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
+const config = {
+  content: [
+    ".storybook/preview.tsx",
+    "../../packages/ui/src/**/*.tsx",
+    "../../packages/blog/src/**/*.tsx",
+  ],
+  presets: [sharedConfig],
+}
+
+export default config

apps/storybook/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@repo/config-typescript/tsconfig.json",
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ESNext"]
+  },
+  "include": ["./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
+}

apps/storybook/turbo.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "test": {
+      "dependsOn": ["^test", "build"]
+    }
+  }
+}

apps/website/.env.example

@@ -0,0 +1,4 @@
+TZ=UTC
+HOSTNAME=0.0.0.0
+PORT=3000
+NEXT_TELEMETRY_DISABLED=1

apps/website/Dockerfile

@@ -0,0 +1,38 @@
+FROM node:22.11.0-slim AS node-pnpm
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+ENV TURBO_TELEMETRY_DISABLED=1
+ENV DO_NOT_TRACK=1
+WORKDIR /usr/src/app
+
+FROM node-pnpm AS builder
+COPY ./ ./
+RUN pnpm install --global turbo@2.2.3
+RUN turbo prune @repo/website --docker
+
+FROM node-pnpm AS installer
+ENV IS_STANDALONE=true
+
+COPY .gitignore .gitignore
+COPY --from=builder /usr/src/app/out/json/ ./
+COPY --from=builder /usr/src/app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+COPY --from=builder /usr/src/app/out/full/ ./
+COPY turbo.json turbo.json
+RUN pnpm --filter=@repo/website... exec turbo run build
+
+FROM node-pnpm AS runner
+ENV NODE_ENV=production
+ENV HOSTNAME=0.0.0.0
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV IS_STANDALONE=true
+
+RUN addgroup --system --gid 1001 nodejs && adduser --system --uid 1001 applicationrunner
+USER applicationrunner
+COPY --from=installer /usr/src/app/apps/website/next.config.js ./
+COPY --from=installer /usr/src/app/apps/website/package.json ./
+COPY --from=installer --chown=applicationrunner:nodejs /usr/src/app/apps/website/.next/standalone ./
+COPY --from=installer --chown=applicationrunner:nodejs /usr/src/app/apps/website/.next/static ./apps/website/.next/static
+COPY --from=installer --chown=applicationrunner:nodejs /usr/src/app/apps/website/public ./apps/website/public
+CMD ["node", "apps/website/server.js"]

apps/website/app/[locale]/(main)/blog/[slug]/page.tsx

@@ -0,0 +1,66 @@
+import type { Metadata } from "next"
+import { notFound } from "next/navigation"
+
+import { getBlogPostBySlug, getBlogPosts } from "@repo/blog"
+import { BlogPostUI } from "@repo/blog/BlogPostUI"
+import type { Locale } from "@repo/utils/constants"
+import { setRequestLocale } from "next-intl/server"
+
+interface BlogPostPageProps {
+  params: Promise<{
+    slug: string
+    locale: Locale
+  }>
+}
+
+export const generateMetadata = async (
+  props: BlogPostPageProps,
+): Promise<Metadata> => {
+  const { slug } = await props.params
+  const blogPost = await getBlogPostBySlug(slug)
+  if (blogPost == null) {
+    return notFound()
+  }
+  const title = `${blogPost.frontmatter.title} | Théo LUDWIG`
+  const description = blogPost.frontmatter.description
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+    },
+    twitter: {
+      title,
+      description,
+    },
+  }
+}
+
+export const generateStaticParams = async (): Promise<
+  Array<{ slug: string }>
+> => {
+  const posts = await getBlogPosts()
+  return posts.map((post) => {
+    return {
+      slug: post.slug,
+    }
+  })
+}
+
+const BlogPostPage: React.FC<BlogPostPageProps> = async (props) => {
+  const { params } = props
+
+  const { locale, slug } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  const blogPost = await getBlogPostBySlug(slug)
+  if (blogPost == null) {
+    return notFound()
+  }
+
+  return <BlogPostUI blogPost={blogPost} />
+}
+
+export default BlogPostPage

apps/website/app/[locale]/(main)/blog/page.tsx

@@ -0,0 +1,57 @@
+import { getBlogPosts } from "@repo/blog"
+import { BlogPosts } from "@repo/blog/BlogPosts"
+import type { LocaleProps } from "@repo/i18n/routing"
+import { MainLayout } from "@repo/ui/Layout/MainLayout"
+import {
+  Section,
+  SectionDescription,
+  SectionTitle,
+} from "@repo/ui/Layout/Section"
+import { LOCALE_DEFAULT } from "@repo/utils/constants"
+import type { Metadata } from "next"
+import { setRequestLocale } from "next-intl/server"
+
+const title = "Blog | Théo LUDWIG"
+const description =
+  "The latest news about my journey of learning computer science."
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+      locale: LOCALE_DEFAULT,
+    },
+    twitter: {
+      title,
+      description,
+    },
+  }
+}
+
+interface BlogPageProps extends LocaleProps {}
+
+const BlogPage: React.FC<BlogPageProps> = async (props) => {
+  const { params } = props
+
+  const { locale } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  const posts = await getBlogPosts()
+
+  return (
+    <MainLayout>
+      <Section verticalSpacing horizontalSpacing>
+        <SectionTitle>Blog</SectionTitle>
+        <SectionDescription>{description}</SectionDescription>
+
+        <BlogPosts posts={posts} />
+      </Section>
+    </MainLayout>
+  )
+}
+
+export default BlogPage

apps/website/app/[locale]/(main)/error.tsx

@@ -0,0 +1,10 @@
+"use client"
+
+import type { ErrorServerProps } from "@repo/ui/Errors/ErrorServer"
+import { ErrorServer } from "@repo/ui/Errors/ErrorServer"
+
+const ErrorBoundaryPage: React.FC<ErrorServerProps> = (props) => {
+  return <ErrorServer {...props} />
+}
+
+export default ErrorBoundaryPage

apps/website/app/[locale]/(main)/layout.tsx

@@ -0,0 +1,27 @@
+import "@repo/config-tailwind/styles.css"
+import type { LocaleProps } from "@repo/i18n/routing"
+import { Footer } from "@repo/ui/Layout/Footer"
+import { Header } from "@repo/ui/Layout/Header"
+import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
+import { VERSION } from "@repo/utils/constants"
+import { setRequestLocale } from "next-intl/server"
+
+interface MainLayoutProps extends React.PropsWithChildren, LocaleProps {}
+
+const MainLayout: React.FC<MainLayoutProps> = async (props) => {
+  const { children, params } = props
+
+  const { locale } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  return (
+    <ThemeProvider>
+      <Header />
+      {children}
+      <Footer version={VERSION} />
+    </ThemeProvider>
+  )
+}
+
+export default MainLayout

apps/website/app/[locale]/(main)/loading.tsx

@@ -0,0 +1,12 @@
+import { Spinner } from "@repo/ui/Design/Spinner"
+import { MainLayout } from "@repo/ui/Layout/MainLayout"
+
+const Loading: React.FC = () => {
+  return (
+    <MainLayout center>
+      <Spinner size={50} />
+    </MainLayout>
+  )
+}
+
+export default Loading

apps/website/app/[locale]/(main)/not-found.tsx

@@ -0,0 +1,10 @@
+import { ErrorNotFound } from "@repo/ui/Errors/ErrorNotFound"
+
+/**
+ * Note that `app/[locale]/[...rest]/page.tsx` is necessary for this page to render.
+ */
+const NotFound: React.FC = () => {
+  return <ErrorNotFound />
+}
+
+export default NotFound

apps/website/app/[locale]/(main)/page.tsx

@@ -0,0 +1,43 @@
+import type { LocaleProps } from "@repo/i18n/routing"
+import { About } from "@repo/ui/Home/About"
+import { Interests } from "@repo/ui/Home/Interests"
+import { OpenSource } from "@repo/ui/Home/OpenSource"
+import { Portfolio } from "@repo/ui/Home/Portfolio"
+import { Skills } from "@repo/ui/Home/Skills"
+import { MainLayout } from "@repo/ui/Layout/MainLayout"
+import { RevealFade } from "@repo/ui/Layout/Section"
+import { setRequestLocale } from "next-intl/server"
+
+interface HomePageProps extends LocaleProps {}
+
+const HomePage: React.FC<HomePageProps> = async (props) => {
+  const { params } = props
+
+  const { locale } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  return (
+    <MainLayout>
+      <About />
+
+      <RevealFade>
+        <Interests />
+      </RevealFade>
+
+      <RevealFade>
+        <Skills />
+      </RevealFade>
+
+      <RevealFade>
+        <Portfolio />
+      </RevealFade>
+
+      <RevealFade>
+        <OpenSource />
+      </RevealFade>
+    </MainLayout>
+  )
+}
+
+export default HomePage

apps/website/app/[locale]/[...rest]/page.tsx

@@ -0,0 +1,7 @@
+import { notFound } from "next/navigation"
+
+const CatchAllPage: React.FC = () => {
+  return notFound()
+}
+
+export default CatchAllPage

apps/website/app/[locale]/curriculum-vitae/layout.tsx

@@ -0,0 +1,22 @@
+import "@repo/config-tailwind/styles.css"
+import type { LocaleProps } from "@repo/i18n/routing"
+import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
+import { setRequestLocale } from "next-intl/server"
+
+interface CurriculumVitaeLayoutProps
+  extends React.PropsWithChildren,
+    LocaleProps {}
+
+const CurriculumVitaeLayout: React.FC<CurriculumVitaeLayoutProps> = async (
+  props,
+) => {
+  const { children, params } = props
+
+  const { locale } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  return <ThemeProvider forcedTheme="light">{children}</ThemeProvider>
+}
+
+export default CurriculumVitaeLayout

apps/website/app/[locale]/curriculum-vitae/page.tsx

@@ -0,0 +1,17 @@
+import type { LocaleProps } from "@repo/i18n/routing"
+import { CurriculumVitae } from "@repo/ui/CurriculumVitae"
+import { setRequestLocale } from "next-intl/server"
+
+interface CurriculumVitaeProps extends LocaleProps {}
+
+const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = async (props) => {
+  const { params } = props
+
+  const { locale } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  return <CurriculumVitae />
+}
+
+export default CurriculumVitaePage

apps/website/app/[locale]/layout.tsx

@@ -0,0 +1,82 @@
+import "@repo/config-tailwind/styles.css"
+import type { LocaleProps } from "@repo/i18n/routing"
+import type { Locale } from "@repo/utils/constants"
+import { LOCALES } from "@repo/utils/constants"
+import type { Metadata } from "next"
+import { NextIntlClientProvider } from "next-intl"
+import {
+  getMessages,
+  getTranslations,
+  setRequestLocale,
+} from "next-intl/server"
+
+export const generateMetadata = async ({
+  params,
+}: LocaleProps): Promise<Metadata> => {
+  const { locale } = await params
+  const t = await getTranslations({ locale })
+  const title = t("meta.title")
+  const description = `${title} - ${t("meta.description")}`
+  const image = "/images/logo.webp"
+  const url = new URL("https://theoludwig.fr")
+  const locales = LOCALES.join(", ")
+
+  return {
+    title,
+    description,
+    metadataBase: url,
+    openGraph: {
+      title,
+      description,
+      url,
+      siteName: title,
+      images: [
+        {
+          url: image,
+          width: 96,
+          height: 96,
+        },
+      ],
+      locale: locales,
+      type: "website",
+    },
+    twitter: {
+      card: "summary",
+      title,
+      description,
+      images: [image],
+    },
+  }
+}
+
+export const generateStaticParams = (): Array<{ locale: Locale }> => {
+  return LOCALES.map((locale) => {
+    return {
+      locale,
+    }
+  })
+}
+
+interface LocaleLayoutProps extends React.PropsWithChildren, LocaleProps {}
+
+const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
+  const { children, params } = props
+
+  const { locale } = await params
+  // Enable static rendering
+  setRequestLocale(locale)
+
+  const messages = await getMessages()
+
+  return (
+    <html lang={locale} suppressHydrationWarning>
+      <body>
+        <NextIntlClientProvider messages={messages}>
+          {children}
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  )
+}
+
+export default LocaleLayout

apps/website/app/layout.tsx

@@ -0,0 +1,7 @@
+interface RootLayoutProps extends React.PropsWithChildren {}
+
+const RootLayout = ({ children }: RootLayoutProps): React.ReactNode => {
+  return children
+}
+
+export default RootLayout

apps/website/app/not-found.tsx

@@ -0,0 +1,20 @@
+"use client"
+
+import Error from "next/error"
+
+/**
+ * Render the default Next.js 404 page when a route
+ * is requested that doesn't match the middleware and
+ * therefore doesn't have a locale associated with it.
+ */
+const NotFound: React.FC = () => {
+  return (
+    <html lang="en">
+      <body>
+        <Error statusCode={404} />
+      </body>
+    </html>
+  )
+}
+
+export default NotFound

apps/website/eslint.config.js

@@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import configNextjs from "@repo/eslint-config/nextjs"
+
+export default typescriptESLint.config(...configNextjs, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})

apps/website/i18n/request.ts

@@ -0,0 +1,3 @@
+import i18nRequestConfig from "@repo/i18n/request"
+
+export default i18nRequestConfig

apps/website/middleware.ts

@@ -0,0 +1,26 @@
+import { routing } from "@repo/i18n/routing"
+import createIntlMiddleware from "next-intl/middleware"
+
+const intlMiddleware = createIntlMiddleware(routing)
+
+export default intlMiddleware
+
+export const config = {
+  matcher: [
+    // Enable a redirect to a matching locale at the root
+    "/",
+
+    // Next.js issue, middleware matcher should support template literals:
+    // https://github.com/vercel/next.js/issues/56398
+    "/(en-US|fr-FR)/:path*",
+
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     */
+    "/((?!api|_next/static|_next/image|images|favicon.ico).*)",
+  ],
+}

apps/website/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

apps/website/next.config.js

@@ -0,0 +1,26 @@
+import createNextIntlPlugin from "next-intl/plugin"
+
+const IS_STANDALONE = process.env.IS_STANDALONE === "true"
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: IS_STANDALONE ? "standalone" : undefined,
+  images: {
+    unoptimized: true,
+  },
+  compress: false,
+
+  // https://github.com/hashicorp/next-mdx-remote/issues/436#issuecomment-2066971842
+  transpilePackages: ["next-mdx-remote", "shiki"],
+
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+}
+
+const withNextIntl = createNextIntlPlugin()
+
+export default withNextIntl(nextConfig)

apps/website/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@repo/website",
+  "version": "4.1.0",
+  "private": true,
+  "type": "module",
+  "imports": {
+    "#*": "./*"
+  },
+  "scripts": {
+    "dev": "next dev --port 3000 --turbopack",
+    "build": "next build",
+    "start": "next start --port 3000",
+    "lint:eslint": "eslint . --max-warnings 0",
+    "lint:typescript": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@repo/blog": "workspace:*",
+    "@repo/config-tailwind": "workspace:*",
+    "@repo/utils": "workspace:*",
+    "@repo/i18n": "workspace:*",
+    "@repo/ui": "workspace:*",
+    "next": "catalog:",
+    "next-intl": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/config-typescript": "workspace:*",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@total-typescript/ts-reset": "catalog:",
+    "eslint": "catalog:",
+    "postcss": "catalog:",
+    "tailwindcss": "catalog:",
+    "typescript-eslint": "catalog:",
+    "typescript": "catalog:"
+  }
+}

apps/website/postcss.config.js

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+}
+
+export default config