build(deps): update to Next.js v16 + use image digests instead of tags

Ref: - https://docs.docker.com/dhi/core-concepts/digests/ - https://github.com/goldbergyoni/nodebestpractices/blob/master/sections/docker/image-tags.md - https://emmer.dev/blog/what-is-a-docker-digest/
2025-11-01 00:53:23 +01:00 · 2025-11-01 00:11:08 +01:00
parent 338741d252
commit c86a039c1f
17 changed files with 2154 additions and 2181 deletions
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@@ -18,23 +18,23 @@ jobs:
      NEXT_TELEMETRY_DISABLED: "1"
      STORYBOOK_DISABLE_TELEMETRY: "1"
    steps:
-      - uses: "actions/checkout@v5.0.0"
+      - uses: "actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8" # v5.0.0
        with:
          fetch-depth: 0

-      - uses: "pnpm/action-setup@v4.1.0"
+      - uses: "pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda" # v4.1.0

      - name: "Setup Node.js"
-        uses: "actions/setup-node@v5.0.0"
+        uses: "actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903" # v6.0.0
        with:
-          node-version: "24.x"
+          node-version: "24.10.0"
          cache: "pnpm"

      - name: "Install dependencies"
        run: "pnpm install --frozen-lockfile"

      - name: "Run Chromatic"
-        uses: "chromaui/action@latest"
+        uses: "chromaui/action@ac86f2ff0a458ffbce7b40698abd44c0fa34d4b6" # latest
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          workingDir: "apps/storybook"
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -18,14 +18,14 @@ jobs:
      NEXT_TELEMETRY_DISABLED: "1"
      STORYBOOK_DISABLE_TELEMETRY: "1"
    steps:
-      - uses: "actions/checkout@v5.0.0"
+      - uses: "actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8" # v5.0.0

-      - uses: "pnpm/action-setup@v4.1.0"
+      - uses: "pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda" # v4.1.0

      - name: "Setup Node.js"
-        uses: "actions/setup-node@v5.0.0"
+        uses: "actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903" # v6.0.0
        with:
-          node-version: "24.x"
+          node-version: "24.10.0"
          cache: "pnpm"

      - name: "Install dependencies"
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -28,7 +28,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 ### Prerequisites

 - [Node.js](https://nodejs.org/) >= v24.0.0 [(`nvm install 24`)](https://nvm.sh)
- [pnpm](https://pnpm.io/) v10.18.2 [(`npm install --global corepack@0.34.0 && corepack enable`)](https://github.com/nodejs/corepack)
+- [pnpm](https://pnpm.io/) v10.20.0 [(`npm install --global corepack@0.34.1 && corepack enable`)](https://github.com/nodejs/corepack)
 - [Docker](https://www.docker.com/)

 ### Installation
--- a/apps/website/Dockerfile
+++ b/apps/website/Dockerfile
@@ -1,7 +1,7 @@
-FROM node:24.10.0-slim AS node-pnpm
+FROM node:24.10.0-slim@sha256:b8d2197aff9129d16c801a3e3e1b2a873c4946480f5a310f38056df2268c38d9 AS node-pnpm
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
-RUN npm install --global corepack@0.34.0 && corepack enable
+RUN npm install --global corepack@0.34.1 && corepack enable
 ENV TURBO_TELEMETRY_DISABLED=1
 ENV NEXT_TELEMETRY_DISABLED=1
 ENV DO_NOT_TRACK=1
@@ -9,7 +9,7 @@ WORKDIR /usr/src/app

 FROM node-pnpm AS builder
 COPY ./ ./
-RUN pnpm install --global turbo@2.5.8
+RUN pnpm install --global turbo@2.6.0
 RUN turbo prune @repo/website --docker

 FROM node-pnpm AS installer
--- a/apps/website/next.config.ts
+++ b/apps/website/next.config.ts
@@ -11,12 +11,12 @@ const nextConfig: NextConfig = {
  images: {
    unoptimized: true,
  },
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
  typescript: {
    ignoreBuildErrors: true,
  },
+  experimental: {
+    turbopackFileSystemCacheForDev: true,
+  },
 }

 const withNextIntl = createNextIntlPlugin({
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -7,8 +7,8 @@
    "#*": "./*"
  },
  "scripts": {
-    "dev": "next dev --port 3000 --turbopack",
-    "build": "next build --turbopack",
+    "dev": "next dev --port 3000",
+    "build": "next build",
    "start": "next start --port 3000",
    "typegen": "next typegen",
    "lint:eslint": "eslint app --max-warnings 0",
--- a/apps/website/middleware.ts
+++ b/apps/website/middleware.ts
--- a/configs/config-tailwind/styles.css
+++ b/configs/config-tailwind/styles.css
@@ -48,7 +48,7 @@

  q,
  blockquote {
-    @apply italic tracking-wider;
+    @apply tracking-wider italic;
  }
  blockquote {
    @apply border-gray-lighter border-l-4 pl-3 italic;
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
  "version": "0.0.0-develop",
  "private": true,
  "type": "module",
-  "packageManager": "pnpm@10.18.2+sha512.9fb969fa749b3ade6035e0f109f0b8a60b5d08a1a87fdf72e337da90dcc93336e2280ca4e44f2358a649b83c17959e9993e777c2080879f3801e6f0d999ad3dd",
+  "packageManager": "pnpm@10.20.0+sha512.cf9998222162dd85864d0a8102e7892e7ba4ceadebbf5a31f9c2fce48dfce317a9c53b9f6464d1ef9042cba2e02ae02a9f7c143a2b438cd93c91840f0192b9dd",
  "engines": {
    "node": ">=24.0.0"
  },
--- a/packages/ui/src/Design/Button/Button.tsx
+++ b/packages/ui/src/Design/Button/Button.tsx
@@ -7,7 +7,7 @@ import { Spinner } from "../Spinner/Spinner.tsx"
 import { Ripple } from "./Ripple.tsx"

 const buttonVariants = cva({
-  base: "relative inline-flex items-center justify-center overflow-hidden rounded-md text-base font-semibold transition duration-150 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  base: "relative inline-flex items-center justify-center overflow-hidden rounded-md text-base font-semibold transition duration-150 ease-in-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
  variants: {
    variant: {
      solid: "bg-primary hover:bg-primary/80 text-white",
--- a/packages/ui/src/Design/Link/Link.tsx
+++ b/packages/ui/src/Design/Link/Link.tsx
@@ -17,7 +17,7 @@ export const Link: React.FC<LinkProps> = (props) => {
  return (
    <NextLink
      className={classNames(
-        "text-primary dark:text-primary-dark inline-flex items-center gap-1 font-semibold hover:underline focus:rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "text-primary dark:text-primary-dark inline-flex items-center gap-1 font-semibold hover:underline focus:rounded-md focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
        className,
      )}
      target={target}
--- a/packages/ui/src/Design/Typography/Typography.tsx
+++ b/packages/ui/src/Design/Typography/Typography.tsx
@@ -11,8 +11,8 @@ const typographyVariants = cva({
      h4: "text-primary dark:text-primary-dark text-xl font-semibold",
      h5: "text-primary dark:text-primary-dark text-xl font-medium",
      h6: "text-primary dark:text-primary-dark text-lg font-medium",
-      text1: "break-words text-base",
-      text2: "break-words text-sm",
+      text1: "text-base break-words",
+      text2: "text-sm break-words",
    },
  },
 })
--- a/packages/ui/src/Layout/Header/SwitchTheme.tsx
+++ b/packages/ui/src/Layout/Header/SwitchTheme.tsx
@@ -62,7 +62,7 @@ export const SwitchTheme: React.FC<SwitchThemeProps> = () => {

  return (
    <div className="flex items-center justify-center" onClick={toggleTheme}>
-      <div className="relative inline-block cursor-pointer touch-pan-x select-none border-0 bg-transparent p-0">
+      <div className="relative inline-block cursor-pointer touch-pan-x border-0 bg-transparent p-0 select-none">
        <div className="h-[24px] w-[50px] rounded-[30px] bg-[#4d4d4d] p-0 text-white transition-all duration-200 ease-in-out">
          <div
            className={classNames(
--- a/packages/ui/src/Layout/Section/Section.tsx
+++ b/packages/ui/src/Layout/Section/Section.tsx
@@ -75,7 +75,7 @@ export const SectionContent: React.FC<SectionContentProps> = (props) => {
  return (
    <div
      className={classNames(
-        "size-full max-w-full break-words px-6 py-4 sm:px-16",
+        "size-full max-w-full px-6 py-4 break-words sm:px-16",
        {
          "shadow-light dark:shadow-dark max-w-full rounded-2xl border border-solid border-black":
            shadowContainer,
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -7,30 +7,30 @@ catalogMode: "strict"

 catalog:
  # Turborepo
-  "turbo": "2.5.8"
+  "turbo": "2.6.0"

  # TypeScript
  "typescript": "5.9.3"
  "@total-typescript/ts-reset": "0.6.1"
-  "@types/node": "24.7.2"
+  "@types/node": "24.9.2"

  # Utils
  "mime": "4.1.0"

  # React.js/Next.js
-  "next": &next "15.5.4"
-  "next-intl": "4.3.12"
+  "next": &next "16.0.1"
+  "next-intl": "4.4.0"
  "next-themes": "0.4.6"
  "react": "19.2.0"
  "react-dom": "19.2.0"
  "@types/react": "19.2.2"
-  "@types/react-dom": "19.2.1"
+  "@types/react-dom": "19.2.2"
  "react-icons": "5.5.0"

  # Blog
  "@giscus/react": "3.1.0"
  "gray-matter": "4.0.3"
-  "katex": "0.16.23"
+  "katex": "0.16.25"
  "next-mdx-remote": "5.0.0"
  "@mdx-js/mdx": "3.1.1"
  "rehype-katex": "7.0.1"
@@ -48,41 +48,41 @@ catalog:

  # ESLint
  "globals": "16.4.0"
-  "typescript-eslint": "8.46.0"
-  "eslint": "9.37.0"
-  "eslint-config-conventions": "21.0.3"
+  "typescript-eslint": "8.46.2"
+  "eslint": "9.39.0"
+  "eslint-config-conventions": "21.1.0"
  "eslint-plugin-promise": "7.2.1"
-  "eslint-plugin-unicorn": "61.0.2"
+  "eslint-plugin-unicorn": "62.0.0"
  "eslint-plugin-import-x": "4.16.1"
  "@next/eslint-plugin-next": *next
  "eslint-plugin-react": "7.37.5"
-  "eslint-plugin-react-hooks": "7.0.0"
+  "eslint-plugin-react-hooks": "7.0.1"

  # Prettier
  "prettier": "3.6.2"
-  "prettier-plugin-tailwindcss": "0.6.14"
-  "editorconfig-checker": "6.1.0"
+  "prettier-plugin-tailwindcss": "0.7.1"
+  "editorconfig-checker": "6.1.1"

  # Storybook
-  "storybook": &storybook "9.1.10"
+  "storybook": &storybook "10.0.2"
  "@storybook/addon-docs": *storybook
  "@storybook/addon-a11y": *storybook
  "@storybook/nextjs": *storybook
  "@storybook/addon-themes": *storybook
-  "@storybook/test-runner": "0.23.0"
-  "@chromatic-com/storybook": "4.1.1"
-  "chromatic": "13.3.0"
+  "@storybook/test-runner": "0.24.1"
+  "@chromatic-com/storybook": "4.1.2"
+  "chromatic": "13.3.3"

  # Testing
-  "playwright": &playwright "1.56.0"
+  "playwright": &playwright "1.56.1"
  "@playwright/test": *playwright
  "start-server-and-test": "2.1.2"

  # CSS
  "postcss": "8.5.6"
-  "@tailwindcss/postcss": "4.1.14"
+  "@tailwindcss/postcss": "4.1.16"
  "@tailwindcss/typography": "0.5.19"
-  "tailwindcss": "4.1.14"
+  "tailwindcss": "4.1.16"
  "tailwind-merge": "3.3.1"
  "clsx": "2.1.1"
  "cva": "1.0.0-beta.4"
--- a/turbo.json
+++ b/turbo.json
@@ -1,5 +1,6 @@
 {
  "$schema": "./node_modules/turbo/schema.json",
+  "noUpdateNotifier": true,
  "ui": "tui",
  "tasks": {
    "build": {