.commitlintrc.json

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

.devcontainer/Dockerfile

@@ -0,0 +1 @@
+FROM mcr.microsoft.com/devcontainers/javascript-node:20

.devcontainer/compose.yaml

@@ -0,0 +1,9 @@
+services:
+  workspace:
+    build:
+      context: "./"
+      dockerfile: "./Dockerfile"
+    volumes:
+      - "..:/workspace:cached"
+    command: "sleep infinity"
+    network_mode: "host"

.devcontainer/devcontainer.json

@@ -0,0 +1,24 @@
+{
+  "name": "theoludwig",
+  "dockerComposeFile": "./compose.yaml",
+  "service": "workspace",
+  "workspaceFolder": "/workspace",
+  "customizations": {
+    "vscode": {
+      "settings": {
+        "remote.autoForwardPorts": false,
+        "remote.localPortHost": "allInterfaces"
+      }
+    },
+    "extensions": [
+      "editorconfig.editorconfig",
+      "esbenp.prettier-vscode",
+      "dbaeumer.vscode-eslint",
+      "davidanson.vscode-markdownlint",
+      "bradlc.vscode-tailwindcss",
+      "mikestead.dotenv",
+      "ms-azuretools.vscode-docker"
+    ]
+  },
+  "remoteUser": "node"
+}

.dockerignore

@@ -1,10 +1,7 @@
-**/.git
 **/.turbo
 **/.next
 **/out
-**/dist
 **/build
-**/storybook-static
 **/coverage
 **/node_modules
 
@@ -14,24 +11,10 @@
 .env.development
 secrets
 
-# IDEs and editors
-.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-.vscode
-
 # misc
 .DS_Store
 *.pem
 Dockerfile
-README.md
-
-# vercel
-.vercel
 
 # typescript
 *.tsbuildinfo

.env.example

@@ -1,2 +1,4 @@
-TZ=Europe/Paris
+COMPOSE_PROJECT_NAME=theoludwig
-WEBSITE_PORT=3000
+HOSTNAME=0.0.0.0
+PORT=3000
+NEXT_TELEMETRY_DISABLED=1

.eslintrc.json

@@ -0,0 +1,39 @@
+{
+  "root": true,
+  "extends": [
+    "conventions",
+    "next/core-web-vitals",
+    "plugin:tailwindcss/recommended",
+    "prettier"
+  ],
+  "plugins": ["prettier"],
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "settings": {
+    "tailwindcss": {
+      "callees": ["classNames"]
+    },
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "prettier/prettier": "error",
+    "react/self-closing-comp": [
+      "error",
+      {
+        "component": true,
+        "html": true
+      }
+    ],
+    "react/void-dom-elements-no-children": "error",
+    "react/jsx-boolean-value": "error"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "parser": "@typescript-eslint/parser"
+    }
+  ]
+}

.github/workflows/build.yml

@@ -0,0 +1,25 @@
+name: "Build"
+
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [master, develop]
+
+jobs:
+  build:
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.1.1"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.0.2"
+        with:
+          node-version: "20.x"
+          cache: "npm"
+
+      - name: "Install dependencies"
+        run: "npm clean-install"
+
+      - name: "Build"
+        run: "npm run build"

.github/workflows/chromatic.yml

@@ -1,37 +0,0 @@
-name: "Chromatic"
-
-on:
-  push:
-    branches: [develop]
-  pull_request:
-    branches: [develop, staging, main]
-
-jobs:
-  chromatic:
-    timeout-minutes: 30
-    runs-on: "ubuntu-latest"
-    env:
-      DO_NOT_TRACK: "1"
-      TURBO_TELEMETRY_DISABLED: "1"
-      NEXT_TELEMETRY_DISABLED: "1"
-    steps:
-      - uses: "actions/checkout@v4.2.2"
-        with:
-          fetch-depth: 0
-
-      - uses: "pnpm/action-setup@v4.1.0"
-
-      - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.2.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

@@ -1,47 +0,0 @@
-name: "CI"
-
-on:
-  push:
-    branches: [develop]
-  pull_request:
-    branches: [develop, staging, main]
-
-jobs:
-  ci:
-    timeout-minutes: 30
-    runs-on: "ubuntu-latest"
-    env:
-      DO_NOT_TRACK: "1"
-      TURBO_TELEMETRY_DISABLED: "1"
-      NEXT_TELEMETRY_DISABLED: "1"
-    steps:
-      - uses: "actions/checkout@v4.2.2"
-
-      - uses: "pnpm/action-setup@v4.1.0"
-
-      - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.2.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/lint.yml

@@ -0,0 +1,42 @@
+name: "Lint"
+
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [master, develop]
+
+jobs:
+  lint:
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.1.1"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.0.2"
+        with:
+          node-version: "20.x"
+          cache: "npm"
+
+      - name: "Install dependencies"
+        run: "npm clean-install"
+
+      - name: "lint:commit"
+        run: 'npm run lint:commit -- --to "${{ github.sha }}"'
+
+      - name: "lint:editorconfig"
+        run: "npm run lint:editorconfig"
+
+      - name: "lint:markdown"
+        run: "npm run lint:markdown"
+
+      - name: "lint:eslint"
+        run: "npm run lint:eslint"
+
+      - name: "lint:prettier"
+        run: "npm run lint:prettier"
+
+      - name: "lint:dotenv"
+        uses: "dotenv-linter/action-dotenv-linter@v2.18.0"
+        with:
+          github_token: ${{ secrets.github_token }}

.github/workflows/release.yml

@@ -0,0 +1,37 @@
+name: "Release"
+
+on:
+  push:
+    branches: [master]
+
+jobs:
+  release:
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.1.1"
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+
+      - name: "Import GPG key"
+        uses: "crazy-max/ghaction-import-gpg@v6.0.0"
+        with:
+          gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
+          git_user_signingkey: true
+          git_commit_gpgsign: true
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.0.2"
+        with:
+          node-version: "20.x"
+          cache: "npm"
+
+      - name: "Install dependencies"
+        run: "npm clean-install"
+
+      - name: "Release"
+        run: "npm run release"
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          GIT_COMMITTER_NAME: ${{ secrets.GIT_NAME }}
+          GIT_COMMITTER_EMAIL: ${{ secrets.GIT_EMAIL }}

.github/workflows/test.yml

@@ -0,0 +1,48 @@
+name: "Test"
+
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [master, develop]
+
+jobs:
+  test-unit:
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.1.1"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.0.2"
+        with:
+          node-version: "20.x"
+          cache: "npm"
+
+      - name: "Install dependencies"
+        run: "npm clean-install"
+
+      - name: "Unit Test"
+        run: "npm run test:unit"
+
+  test-e2e:
+    runs-on: "ubuntu-latest"
+    steps:
+      - uses: "actions/checkout@v4.1.1"
+
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v4.0.2"
+        with:
+          node-version: "20.x"
+          cache: "npm"
+
+      - name: "Install dependencies"
+        run: "npm clean-install"
+
+      - name: "Build"
+        run: "npm run build"
+
+      - name: "html-w3c-validator"
+        run: "npm run test:html-w3c-validator"
+
+      - name: "End To End (e2e) Test"
+        run: "npm run test:e2e"

.gitignore

@@ -1,38 +1,33 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
 # dependencies
 node_modules
 .npm
-package-lock.json
+
-.pnpm-store
+# next.js
-.pnp
+.next
-.pnp.js
+out
-.yarn/install-state.gz
+
+# production
+build
+dist
+public/curriculum-vitae
 
 # testing
 coverage
+cypress/screenshots
+cypress/videos
+cypress/downloads
 
-# production
+# envs
-.next/
+.env
-out/
+.env.production
-dist/
-build/
-
-# 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/
@@ -40,14 +35,17 @@ storybook-static
 .settings/
 *.sublime-workspace
 
-# local env files
+# IDE - VSCode
-.env
+.vscode/*
-.env.production
+!.vscode/settings.json
-.env*.local
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
 
-# vercel
+# misc
-.vercel
+.DS_Store
+.lighthouseci
 
 # typescript
 *.tsbuildinfo
-# next-env.d.ts
+next-env.d.ts

.gitpod.yml

@@ -0,0 +1,10 @@
+image: "gitpod/workspace-full"
+
+tasks:
+  - before: "cp .env.example .env"
+    init: "npm clean-install"
+    command: "npm run dev"
+
+ports:
+  - port: 3000
+    onOpen: "open-preview"

.html-w3c-validatorrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://raw.githubusercontent.com/theoludwig/html-w3c-validator/master/schema/html-w3c-validatorrc-schema.json",
+  "urls": ["http://127.0.0.1:3000/", "http://127.0.0.1:3000/blog"],
+  "files": ["./public/curriculum-vitae/index.html"],
+  "severities": ["error"]
+}

.husky/commit-msg

@@ -0,0 +1,3 @@
+#!/usr/bin/env sh
+
+npm run lint:commit -- --edit

.husky/pre-commit

@@ -0,0 +1,3 @@
+#!/usr/bin/env sh
+
+npm run lint:staged

.lintstagedrc.json

@@ -0,0 +1,7 @@
+{
+  "**/*": ["editorconfig-checker", "prettier --write --ignore-unknown"],
+  "**/*.md": ["markdownlint-cli2 --fix --no-globs"],
+  "**/*.{js,jsx,ts,tsx}": [
+    "eslint --fix --max-warnings 0 --report-unused-disable-directives"
+  ]
+}

.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-cli2.mjs

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

.npmrc

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

.prettierrc.json

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

.releaserc.json

@@ -0,0 +1,38 @@
+{
+  "branches": ["master"],
+  "plugins": [
+    [
+      "@semantic-release/commit-analyzer",
+      {
+        "preset": "conventionalcommits"
+      }
+    ],
+    [
+      "@semantic-release/release-notes-generator",
+      {
+        "preset": "conventionalcommits"
+      }
+    ],
+    [
+      "@semantic-release/npm",
+      {
+        "npmPublish": false
+      }
+    ],
+    [
+      "@semantic-release/git",
+      {
+        "assets": ["package.json", "package-lock.json"],
+        "message": "chore(release): ${nextRelease.version} [skip ci]"
+      }
+    ],
+    "@semantic-release/github",
+    [
+      "@saithodev/semantic-release-backmerge",
+      {
+        "branches": [{ "from": "master", "to": "develop" }],
+        "backmergeStrategy": "merge"
+      }
+    ]
+  ]
+}

.vscode/extensions.json

@@ -3,11 +3,9 @@
     "editorconfig.editorconfig",
     "esbenp.prettier-vscode",
     "dbaeumer.vscode-eslint",
-    "davidanson.vscode-markdownlint",
     "bradlc.vscode-tailwindcss",
     "mikestead.dotenv",
-    "ms-azuretools.vscode-docker",
+    "davidanson.vscode-markdownlint",
-    "antfu.pnpm-catalog-lens",
+    "ms-azuretools.vscode-docker"
-    "Lokalise.i18n-ally"
   ]
 }

.vscode/react.code-snippets

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

CONTRIBUTING.md

@@ -29,11 +29,12 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 
 ## Getting Started
 
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/theoludwig/theoludwig)
+
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/) >= 22.12.0 [(`nvm install 22`)](https://nvm.sh)
+- [Node.js](https://nodejs.org/) >= 20.0.0
-- [pnpm](https://pnpm.io/) >= 10.2.1 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
+- [npm](https://www.npmjs.com/) >= 10.0.0
-- [Docker](https://www.docker.com/)
 
 ### Installation
 
@@ -46,46 +47,25 @@ cd theoludwig
 
 # Configure environment variables
 cp .env.example .env
-cp apps/website/.env.example apps/website/.env
 
-# Install dependencies
+# Install
-pnpm install --frozen-lockfile
+npm clean-install
-
-# Install Playwright browser binaries and their dependencies (tests)
-pnpm exec playwright install --with-deps
 ```
 
-### Development
+### Local Development environment
 
 ```sh
-# Start the development server
+# Run website
-node --run dev
+npm 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
-VERSION=$(git describe --tags) docker compose up --build --detach
+docker compose up --build
 ```
 
-#### Services started
+### Services started
 
-`theoludwig`: <http://localhost:3000>
+- `website`: <http://127.0.0.1:3000>

Dockerfile

@@ -0,0 +1,28 @@
+FROM node:20.12.2 AS builder-dependencies
+WORKDIR /usr/src/application
+COPY ./package*.json ./
+RUN npm clean-install
+
+FROM node:20.12.2 AS builder
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV IS_STANDALONE=true
+WORKDIR /usr/src/application
+COPY --from=builder-dependencies /usr/src/application/node_modules ./node_modules
+COPY ./ ./
+RUN npm run build
+
+FROM node:20.12.2-slim AS runner
+ENV NODE_ENV=production
+ENV HOSTNAME=0.0.0.0
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV IS_STANDALONE=true
+WORKDIR /usr/src/application
+RUN addgroup --system --gid 1001 nodejs && adduser --system --uid 1001 applicationrunner
+USER applicationrunner
+COPY --from=builder-dependencies --chown=applicationrunner:nodejs /usr/src/application/node_modules ./node_modules
+COPY --from=builder --chown=applicationrunner:nodejs /usr/src/application/.next/standalone ./
+COPY --from=builder --chown=applicationrunner:nodejs /usr/src/application/.next/static ./.next/static
+COPY --from=builder --chown=applicationrunner:nodejs /usr/src/application/public ./public
+COPY --from=builder --chown=applicationrunner:nodejs /usr/src/application/i18n/translations ./i18n/translations
+COPY --from=builder --chown=applicationrunner:nodejs /usr/src/application/next.config.js ./next.config.js
+CMD ["./server.js"]

README.md

@@ -8,7 +8,7 @@
   <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://twitter.com/theoludwig_"><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/@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>
@@ -23,7 +23,7 @@
 {
   "name": "Théo LUDWIG",
   "pronouns": "He/Him",
-  "birthDate": "2003-03-31",
+  "birthDate": "31/03/2003",
   "nationality": "Alsace, France",
   "interests": ["Developer Full Stack", "Open-Source Enthusiast"],
   "skills": {

app/blog/[slug]/loading.tsx

@@ -0,0 +1,11 @@
+import { Loader } from "@/components/design/Loader"
+
+const Loading = (): JSX.Element => {
+  return (
+    <main className="flex flex-1 flex-col items-center justify-center">
+      <Loader />
+    </main>
+  )
+}
+
+export default Loading

app/blog/[slug]/page.tsx

@@ -0,0 +1,44 @@
+import type { Metadata } from "next"
+import { notFound } from "next/navigation"
+
+import "katex/dist/katex.min.css"
+
+import { getBlogPostBySlug } from "@/blog/blog"
+import { BlogPost } from "@/blog/BlogPost"
+
+interface BlogPostPageProps {
+  params: {
+    slug: string
+  }
+}
+
+export const generateMetadata = async (
+  props: BlogPostPageProps,
+): Promise<Metadata> => {
+  const blogPost = await getBlogPostBySlug(props.params.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,
+    },
+  }
+}
+
+const BlogPostPage = async (props: BlogPostPageProps): Promise<JSX.Element> => {
+  const { params } = props
+
+  return <BlogPost slug={params.slug} />
+}
+
+export default BlogPostPage

app/blog/loading.tsx

@@ -0,0 +1,11 @@
+import { Loader } from "@/components/design/Loader"
+
+const Loading = (): JSX.Element => {
+  return (
+    <main className="flex flex-1 flex-col items-center justify-center">
+      <Loader />
+    </main>
+  )
+}
+
+export default Loading

app/blog/page.tsx

@@ -0,0 +1,42 @@
+import { Suspense } from "react"
+import type { Metadata } from "next"
+
+import { BlogPosts } from "@/blog/BlogPosts"
+import { Loader } from "@/components/design/Loader"
+
+const title = "Blog | Théo LUDWIG"
+const description =
+  "The latest news about my journey of learning computer science."
+
+export const metadata: Metadata = {
+  title,
+  description,
+  openGraph: {
+    title,
+    description,
+  },
+  twitter: {
+    title,
+    description,
+  },
+}
+
+const BlogPage = async (): Promise<JSX.Element> => {
+  return (
+    <main className="flex flex-1 flex-col flex-wrap items-center">
+      <div className="mt-10 flex flex-col items-center">
+        <h1 className="text-4xl font-semibold text-primary dark:text-primary-dark">
+          Blog
+        </h1>
+        <p className="mt-6 text-center" data-cy="blog-post-date">
+          {description}
+        </p>
+      </div>
+      <Suspense fallback={<Loader className="mt-8" />}>
+        <BlogPosts />
+      </Suspense>
+    </main>
+  )
+}
+
+export default BlogPage

app/error.tsx

@@ -0,0 +1,32 @@
+"use client"
+
+import { useEffect } from "react"
+
+export interface ErrorHandlingProps {
+  error: Error
+}
+
+const ErrorHandling = (props: ErrorHandlingProps): JSX.Element => {
+  const { error } = props
+
+  useEffect(() => {
+    console.error(error)
+  }, [error])
+
+  return (
+    <main className="flex flex-1 flex-col items-center justify-center">
+      <h1 className="my-6 text-4xl font-semibold">
+        Error{" "}
+        <span
+          className="text-primary dark:text-primary-dark"
+          data-cy="status-code"
+        >
+          500
+        </span>
+      </h1>
+      <p className="text-center text-lg">Server error</p>
+    </main>
+  )
+}
+
+export default ErrorHandling

app/globals.css

@@ -0,0 +1,78 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.break-wrap-words {
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
+.text-base {
+  line-height: 1.75rem;
+}
+
+.prose {
+  @apply !max-w-5xl scroll-smooth text-gray dark:text-gray-300;
+}
+
+.prose p {
+  @apply text-justify;
+}
+
+.prose [id]::before {
+  content: "";
+  display: block;
+  height: 90px;
+  margin-top: -90px;
+  visibility: hidden;
+}
+
+.prose a,
+.prose strong {
+  @apply !font-semibold text-primary dark:text-primary-dark;
+}
+
+strong,
+b {
+  @apply font-bold;
+}
+
+.prose h2,
+.prose h3,
+.prose h4,
+.prose h5,
+.prose h6 {
+  @apply mt-1 text-gray dark:text-gray-dark;
+}
+
+.prose code {
+  color: #ce9178;
+}
+.prose :where(code):not(:where([class~="not-prose"] *))::before,
+.prose :where(code):not(:where([class~="not-prose"] *))::after {
+  content: "";
+}
+.shiki {
+  white-space: pre-wrap !important;
+}
+code {
+  counter-reset: step;
+  counter-increment: step 0;
+}
+code .line::before {
+  content: counter(step);
+  counter-increment: step;
+  width: 1rem;
+  margin-right: 1.5rem;
+  display: inline-block;
+  text-align: right;
+  color: rgba(133, 133, 133, 0.8);
+  word-wrap: normal;
+  word-break: normal;
+}
+
+.katex .base {
+  display: inline !important;
+  white-space: normal !important;
+  width: 100% !important;
+}

app/layout.tsx

@@ -0,0 +1,80 @@
+import type { Metadata } from "next"
+import classNames from "clsx"
+
+import "@fontsource/montserrat/400.css"
+import "@fontsource/montserrat/600.css"
+import "./globals.css"
+
+import { Header } from "@/components/Header"
+import { Footer } from "@/components/Footer"
+import { getI18n } from "@/i18n/i18n.server"
+import { getTheme } from "@/theme/theme.server"
+
+const title = "Théo LUDWIG"
+const description =
+  "Théo LUDWIG - Developer Full Stack • Open-Source Enthusiast"
+const image = "/images/logo.png"
+const url = new URL("https://theoludwig.fr")
+const locale = "fr-FR, en-US"
+
+export const metadata: Metadata = {
+  title,
+  description,
+  metadataBase: url,
+  openGraph: {
+    title,
+    description,
+    url,
+    siteName: title,
+    images: [
+      {
+        url: image,
+        width: 96,
+        height: 96,
+      },
+    ],
+    locale,
+    type: "website",
+  },
+  twitter: {
+    card: "summary",
+    title,
+    description,
+    images: [image],
+  },
+}
+
+interface RootLayoutProps {
+  children: React.ReactNode
+}
+
+const RootLayout = (props: RootLayoutProps): JSX.Element => {
+  const { children } = props
+
+  const i18n = getI18n()
+  const theme = getTheme()
+
+  return (
+    <html
+      lang={i18n.locale}
+      className={classNames(
+        {
+          dark: theme === "dark",
+          light: theme === "light",
+        },
+        "scroll-smooth",
+      )}
+      style={{
+        colorScheme: theme,
+      }}
+    >
+      <body className="flex min-h-screen flex-col bg-white font-headline text-black dark:bg-black dark:text-white">
+        <Header />
+        {children}
+        <Footer />
+      </body>
+    </html>
+  )
+}
+
+export default RootLayout

app/loading.tsx

@@ -0,0 +1,11 @@
+import { Loader } from "@/components/design/Loader"
+
+const Loading = (): JSX.Element => {
+  return (
+    <main className="flex flex-1 flex-col items-center justify-center">
+      <Loader />
+    </main>
+  )
+}
+
+export default Loading

app/not-found.tsx

@@ -0,0 +1,32 @@
+import Link from "next/link"
+
+import { getI18n } from "@/i18n/i18n.server"
+
+const NotFound = (): JSX.Element => {
+  const i18n = getI18n()
+
+  return (
+    <main className="flex flex-1 flex-col items-center justify-center">
+      <h1 className="my-6 text-4xl font-semibold">
+        {i18n.translate("errors.error")}{" "}
+        <span
+          className="text-primary dark:text-primary-dark"
+          data-cy="status-code"
+        >
+          404
+        </span>
+      </h1>
+      <p className="text-center text-lg">
+        {i18n.translate("errors.not-found")}{" "}
+        <Link
+          href="/"
+          className="text-primary hover:underline dark:text-primary-dark"
+        >
+          {i18n.translate("errors.return-to-home-page")}
+        </Link>
+      </p>
+    </main>
+  )
+}
+
+export default NotFound

app/page.tsx

@@ -0,0 +1,59 @@
+import { RevealFade } from "@/components/design/RevealFade"
+import { Section } from "@/components/design/Section"
+import { Interests } from "@/components/Interests"
+import { Portfolio } from "@/components/Portfolio"
+import { Profile } from "@/components/Profile"
+import { SocialMediaList } from "@/components/Profile/SocialMediaList"
+import { Skills } from "@/components/Skills"
+import { OpenSource } from "@/components/OpenSource"
+import { getI18n } from "@/i18n/i18n.server"
+
+const HomePage = (): JSX.Element => {
+  const i18n = getI18n()
+
+  return (
+    <main className="flex flex-col md:mx-auto md:max-w-4xl lg:max-w-7xl">
+      <Section isMain id="about">
+        <Profile />
+        <SocialMediaList />
+      </Section>
+
+      <RevealFade>
+        <Section
+          id="interests"
+          heading={i18n.translate("home.interests.title")}
+        >
+          <Interests />
+        </Section>
+      </RevealFade>
+
+      <RevealFade>
+        <Section
+          id="skills"
+          heading={i18n.translate("home.skills.title")}
+          withoutShadowContainer
+        >
+          <Skills />
+        </Section>
+      </RevealFade>
+
+      <RevealFade>
+        <Section
+          id="portfolio"
+          heading={i18n.translate("home.portfolio.title")}
+          withoutShadowContainer
+        >
+          <Portfolio />
+        </Section>
+      </RevealFade>
+
+      <RevealFade>
+        <Section id="open-source" heading="Open source" withoutShadowContainer>
+          <OpenSource />
+        </Section>
+      </RevealFade>
+    </main>
+  )
+}
+
+export default HomePage

apps/storybook/.storybook/main.ts

@@ -1,37 +0,0 @@
-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

@@ -1,57 +0,0 @@
-import "@repo/config-tailwind/styles.css"
-import "./storybook-css-overrides.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 = {
-  globals: {
-    a11y: {
-      manual: true,
-    },
-  },
-  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/storybook-css-overrides.css

@@ -1,3 +0,0 @@
-body {
-  overflow: auto !important;
-}

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

@@ -1,35 +0,0 @@
-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)
-
-    const isA11yDisabled = storyContext.parameters?.a11y?.disable as boolean
-    if (isA11yDisabled) {
-      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

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

apps/storybook/eslint.config.js

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

apps/storybook/http-server.ts

@@ -1,84 +0,0 @@
-import http from "node:http"
-import fs from "node:fs"
-import path from "node:path"
-import util from "node:util"
-import mime from "mime"
-
-const MIMETYPE_DEFAULT = "application/octet-stream"
-
-const args = util.parseArgs({
-  options: {
-    path: { type: "string", default: "public", required: true },
-    port: { type: "string", default: "3000", required: true },
-    host: { type: "string", default: "0.0.0.0" },
-  },
-})
-
-const host = args.values.host
-const basePath = args.values.path
-
-const port = Number.parseInt(args.values.port, 10)
-if (Number.isNaN(port)) {
-  console.error("Error: Invalid port number.")
-  process.exit(1)
-}
-
-const serverURL = `http://${host}:${port}`
-
-const server = http.createServer(async (request, response) => {
-  if (request.url == null) {
-    response.writeHead(400, { "Content-Type": "text/plain" })
-    response.end("Bad Request")
-    return
-  }
-  const url = new URL(request.url, serverURL)
-  const urlPath = url.pathname
-  const filePath = path.join(process.cwd(), basePath, urlPath)
-  try {
-    const stat = await fs.promises.stat(filePath)
-    if (stat.isDirectory()) {
-      const indexFile = path.join(filePath, "index.html")
-      try {
-        const fileContent = await fs.promises.readFile(indexFile)
-        response.writeHead(200, { "Content-Type": "text/html" })
-        response.end(fileContent)
-      } catch {
-        response.writeHead(403, { "Content-Type": "text/plain" })
-        response.end("Error: Directory listing not allowed.")
-      }
-    } else {
-      const mimeType = mime.getType(filePath) ?? MIMETYPE_DEFAULT
-      const fileContent = await fs.promises.readFile(filePath)
-      response.writeHead(200, { "Content-Type": mimeType })
-      response.end(fileContent)
-    }
-  } catch (error) {
-    if (error instanceof Error && "code" in error && error.code === "ENOENT") {
-      response.writeHead(404, { "Content-Type": "text/plain" })
-      response.end("Error: File not found.")
-    } else {
-      response.writeHead(500, { "Content-Type": "text/plain" })
-      response.end("Error: Internal Server Error.")
-    }
-  }
-})
-
-const gracefulShutdown = (): void => {
-  server.close()
-  process.exit(0)
-}
-process.on("SIGTERM", gracefulShutdown)
-process.on("SIGINT", gracefulShutdown)
-
-server.listen(
-  {
-    host,
-    port,
-  },
-  () => {
-    console.log(
-      `HTTP Server is listening at ${util.styleText("cyan", serverURL)}`,
-    )
-    console.log(`Serving files from: \`${basePath}\``)
-  },
-)

apps/storybook/package.json

@@ -1,57 +0,0 @@
-{
-  "name": "@repo/storybook",
-  "version": "0.0.0-develop",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "storybook build",
-    "dev": "storybook dev --port 6006 --no-open",
-    "start": "node --experimental-strip-types http-server.ts --path=storybook-static --port=6006",
-    "test": "start-server-and-test \"start\" http://localhost:6006 \"test:storybook\"",
-    "test:dev": "start-server-and-test \"dev\" http://localhost: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:",
-    "mime": "catalog:"
-  },
-  "devDependencies": {
-    "@repo/config-eslint": "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:",
-    "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

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

apps/storybook/stories/Colors.mdx

@@ -1,31 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

apps/storybook/turbo.json

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

apps/website/.env.example

@@ -1,4 +0,0 @@
-TZ=Europe/Paris
-HOSTNAME=0.0.0.0
-PORT=3000
-NEXT_TELEMETRY_DISABLED=1

apps/website/Dockerfile

@@ -1,42 +0,0 @@
-FROM node:22.13.1-slim AS node-pnpm
-ENV PNPM_HOME="/pnpm"
-ENV PATH="$PNPM_HOME:$PATH"
-RUN npm install --global corepack@0.31.0 && corepack enable
-ENV TURBO_TELEMETRY_DISABLED=1
-ENV NEXT_TELEMETRY_DISABLED=1
-ENV DO_NOT_TRACK=1
-WORKDIR /usr/src/app
-
-FROM node-pnpm AS builder
-COPY ./ ./
-RUN pnpm install --global turbo@2.4.0
-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
-
-ARG VERSION="0.0.0-develop"
-RUN pnpm install --global replace-in-files-cli@3.0.0
-RUN VERSION_STRIPPED=${VERSION#v} && replace-in-files --regex='version": *"[^"]*' --replacement='"version": "'"$VERSION_STRIPPED"'"' '**/package.json' '!**/node_modules/**'
-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 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)/[...rest]/page.tsx

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

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

@@ -1,66 +0,0 @@
-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

@@ -1,57 +0,0 @@
-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

@@ -1,10 +0,0 @@
-"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

@@ -1,27 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,43 +0,0 @@
-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]/curriculum-vitae/layout.tsx

@@ -1,22 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,95 +0,0 @@
-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, Viewport } from "next"
-import { NextIntlClientProvider } from "next-intl"
-import {
-  getMessages,
-  getTranslations,
-  setRequestLocale,
-} from "next-intl/server"
-import Script from "next/script"
-
-const DOMAIN = "theoludwig.fr"
-
-export const viewport: Viewport = {
-  themeColor: "#00aeff",
-}
-
-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://${DOMAIN}`)
-  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>
-
-        <Script
-          defer
-          data-domain={DOMAIN}
-          src="https://plausible.theoludwig.fr/js/script.js"
-        />
-      </body>
-    </html>
-  )
-}
-
-export default LocaleLayout

apps/website/app/layout.tsx

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

apps/website/app/not-found.tsx

@@ -1,20 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-import typescriptESLint from "typescript-eslint"
-import configNextjs from "@repo/config-eslint/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

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

apps/website/middleware.ts

@@ -1,26 +0,0 @@
-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

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

apps/website/next.config.js

@@ -1,22 +0,0 @@
-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,
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
-  typescript: {
-    ignoreBuildErrors: true,
-  },
-}
-
-const withNextIntl = createNextIntlPlugin()
-
-export default withNextIntl(nextConfig)

apps/website/package.json

@@ -1,43 +0,0 @@
-{
-  "name": "@repo/website",
-  "version": "0.0.0-develop",
-  "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:*",
-    "@mdx-js/mdx": "catalog:",
-    "next-mdx-remote": "catalog:",
-    "shiki": "catalog:",
-    "next": "catalog:",
-    "next-intl": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:"
-  },
-  "devDependencies": {
-    "@repo/config-eslint": "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:"
-  }
-}