chore: update translations and generated content (#1159)

Co-authored-by: charIeszhao <[email protected]>

Author: silverhand-bot

i18n/de/docusaurus-plugin-content-docs/current/quick-starts/framework/next-app-router/_integration.mdx

@@ -15,13 +15,20 @@ import { LogtoNextConfig } from '@logto/next';
 export const logtoConfig: LogtoNextConfig = {
   appId: '<your-application-id>',
   appSecret: '<your-app-secret-copied-from-console>',
-  endpoint: '<your-logto-endpoint>', // Z.B. http://localhost:3001
-  baseUrl: '<your-nextjs-app-base-url>', // Z.B. http://localhost:3000
+  endpoint: '<your-logto-endpoint>', // Z. B. http://localhost:3001
+  baseUrl: '<your-nextjs-app-base-url>', // Z. B. http://localhost:3000
   cookieSecret: 'complex_password_at_least_32_characters_long',
   cookieSecure: process.env.NODE_ENV === 'production',
 };
 ```
 
+**Hinweis:**  
+Wenn du eine Umgebungsvariable für `cookieSecret` verwendest (z. B. `process.env.LOGTO_COOKIE_SECRET`), stelle sicher, dass der Wert mindestens 32 Zeichen lang ist. Wenn diese Anforderung nicht erfüllt ist, wirft Logto während des Builds oder zur Laufzeit folgenden Fehler:
+
+`TypeError: Either sessionWrapper or encryptionKey must be provided for CookieStorage`
+
+Um diesen Fehler zu vermeiden, stelle sicher, dass die Umgebungsvariable korrekt gesetzt ist oder gib einen Fallback-Wert mit einer Mindestlänge von 32 Zeichen an.
+
 ### Redirect-URIs konfigurieren \{#configure-redirect-uris}
 
 <SignInFlowSummary />
@@ -32,9 +39,9 @@ export const logtoConfig: LogtoNextConfig = {
 
 ### Callback behandeln \{#handle-callback}
 
-Nachdem sich der Benutzer angemeldet hat, wird Logto den Benutzer zurück zur oben konfigurierten Redirect-URI weiterleiten. Es gibt jedoch noch Dinge zu tun, damit deine Anwendung ordnungsgemäß funktioniert.
+Nachdem sich der Benutzer angemeldet hat, leitet Logto den Benutzer zurück zur oben konfigurierten Redirect-URI. Es gibt jedoch noch Dinge zu tun, damit deine Anwendung richtig funktioniert.
 
-Wir bieten eine Hilfsfunktion `handleSignIn`, um den Anmelde-Callback zu behandeln:
+Wir stellen eine Hilfsfunktion `handleSignIn` bereit, um den Sign-In-Callback zu behandeln:
 
 ```tsx title="app/callback/route.ts"
 import { handleSignIn } from '@logto/next/server-actions';
@@ -50,9 +57,9 @@ export async function GET(request: NextRequest) {
 }
 ```
 
-### Anmeldung und Abmeldung implementieren \{#implement-sign-in-and-sign-out}
+### Sign-In und Sign-Out implementieren \{#implement-sign-in-and-sign-out}
 
-#### Anmelde- und Abmeldebutton implementieren \{#implement-sign-in-and-sign-out-button}
+#### Sign-In- und Sign-Out-Button implementieren \{#implement-sign-in-and-sign-out-button}
 
 Im Next.js App Router werden Ereignisse in Client-Komponenten behandelt, daher müssen wir zuerst zwei Komponenten erstellen: `SignIn` und `SignOut`.
 
@@ -70,7 +77,7 @@ const SignIn = ({ onSignIn }: Props) => {
         onSignIn();
       }}
     >
-      Anmelden
+      Sign In
     </button>
   );
 };
@@ -92,21 +99,21 @@ const SignOut = ({ onSignOut }: Props) => {
         onSignOut();
       }}
     >
-      Abmelden
+      Sign Out
     </button>
   );
 };
 
 export default SignOut;
 ```
 
-Denke daran, `'use client'` oben in die Datei hinzuzufügen, um anzuzeigen, dass diese Komponenten Client-Komponenten sind.
+Denke daran, `'use client'` am Anfang der Datei hinzuzufügen, um anzugeben, dass diese Komponenten Client-Komponenten sind.
 
 #### Buttons zur Startseite hinzufügen \{#add-buttons-to-home-page}
 
 <ServerActionsTip />
 
-Fügen wir nun die Anmelde- und Abmeldebuttons auf deiner Startseite hinzu. Wir müssen die Serveraktionen im SDK bei Bedarf aufrufen. Um dabei zu helfen, verwende `getLogtoContext`, um den Authentifizierungsstatus abzurufen.
+Fügen wir nun die Sign-In- und Sign-Out-Buttons auf deiner Startseite hinzu. Wir müssen die Serveraktionen im SDK bei Bedarf aufrufen. Um dabei zu helfen, verwende `getLogtoContext`, um den Authentifizierungsstatus abzurufen.
 
 ```tsx title="app/page.tsx"
 import { getLogtoContext, signIn, signOut } from '@logto/next/server-actions';

i18n/es/docusaurus-plugin-content-docs/current/quick-starts/framework/next-app-router/_integration.mdx

@@ -15,13 +15,20 @@ import { LogtoNextConfig } from '@logto/next';
 export const logtoConfig: LogtoNextConfig = {
   appId: '<your-application-id>',
   appSecret: '<your-app-secret-copied-from-console>',
-  endpoint: '<your-logto-endpoint>', // Ej. http://localhost:3001
-  baseUrl: '<your-nextjs-app-base-url>', // Ej. http://localhost:3000
+  endpoint: '<your-logto-endpoint>', // Ejemplo: http://localhost:3001
+  baseUrl: '<your-nextjs-app-base-url>', // Ejemplo: http://localhost:3000
   cookieSecret: 'complex_password_at_least_32_characters_long',
   cookieSecure: process.env.NODE_ENV === 'production',
 };
 ```
 
+**Nota:**  
+Si utilizas una variable de entorno para `cookieSecret` (por ejemplo, `process.env.LOGTO_COOKIE_SECRET`), asegúrate de que el valor tenga al menos 32 caracteres. Si no se cumple este requisito, Logto lanzará el siguiente error durante la compilación o en tiempo de ejecución:
+
+`TypeError: Either sessionWrapper or encryptionKey must be provided for CookieStorage`
+
+Para evitar este error, asegúrate de que la variable de entorno esté correctamente configurada o proporciona un valor alternativo con una longitud mínima de 32 caracteres.
+
 ### Configurar URIs de redirección \{#configure-redirect-uris}
 
 <SignInFlowSummary />
@@ -30,9 +37,9 @@ export const logtoConfig: LogtoNextConfig = {
 
 <WebConfigureRedirectUris />
 
-### Manejar callback \{#handle-callback}
+### Manejar el callback \{#handle-callback}
 
-Después de que el usuario inicie sesión, Logto redirigirá al usuario de vuelta a la URI de redirección configurada anteriormente. Sin embargo, aún hay cosas que hacer para que tu aplicación funcione correctamente.
+Después de que el usuario inicie sesión, Logto redirigirá al usuario de vuelta al URI de redirección configurado anteriormente. Sin embargo, aún hay cosas que hacer para que tu aplicación funcione correctamente.
 
 Proporcionamos una función auxiliar `handleSignIn` para manejar el callback de inicio de sesión:
 
@@ -54,7 +61,7 @@ export async function GET(request: NextRequest) {
 
 #### Implementar botón de inicio y cierre de sesión \{#implement-sign-in-and-sign-out-button}
 
-En Next.js App Router, los eventos se manejan en componentes del cliente, por lo que primero necesitamos crear dos componentes: `SignIn` y `SignOut`.
+En Next.js App Router, los eventos se manejan en componentes cliente, así que primero necesitamos crear dos componentes: `SignIn` y `SignOut`.
 
 ```tsx title="app/sign-in.tsx"
 'use client';
@@ -100,13 +107,13 @@ const SignOut = ({ onSignOut }: Props) => {
 export default SignOut;
 ```
 
-Recuerda agregar `'use client'` en la parte superior del archivo para indicar que estos componentes son componentes del cliente.
+Recuerda agregar `'use client'` en la parte superior del archivo para indicar que estos componentes son componentes cliente.
 
 #### Agregar botones a la página de inicio \{#add-buttons-to-home-page}
 
 <ServerActionsTip />
 
-Ahora vamos a agregar los botones de inicio y cierre de sesión en tu página de inicio. Necesitamos llamar a las acciones del servidor en el SDK cuando sea necesario. Para ayudar con esto, usa `getLogtoContext` para obtener el estado de autenticación.
+Ahora vamos a agregar los botones de inicio y cierre de sesión en tu página de inicio. Necesitamos llamar a las acciones del servidor en el SDK cuando sea necesario. Para ayudarte con esto, utiliza `getLogtoContext` para obtener el estado de autenticación.
 
 ```tsx title="app/page.tsx"
 import { getLogtoContext, signIn, signOut } from '@logto/next/server-actions';

i18n/fr/docusaurus-plugin-content-docs/current/quick-starts/framework/next-app-router/_integration.mdx

@@ -15,14 +15,21 @@ import { LogtoNextConfig } from '@logto/next';
 export const logtoConfig: LogtoNextConfig = {
   appId: '<your-application-id>',
   appSecret: '<your-app-secret-copied-from-console>',
-  endpoint: '<your-logto-endpoint>', // Par exemple, http://localhost:3001
-  baseUrl: '<your-nextjs-app-base-url>', // Par exemple, http://localhost:3000
+  endpoint: '<your-logto-endpoint>', // Par exemple http://localhost:3001
+  baseUrl: '<your-nextjs-app-base-url>', // Par exemple http://localhost:3000
   cookieSecret: 'complex_password_at_least_32_characters_long',
   cookieSecure: process.env.NODE_ENV === 'production',
 };
 ```
 
-### Configurer les URIs de redirection \{#configure-redirect-uris}
+**Remarque :**  
+Si vous utilisez une variable d'environnement pour `cookieSecret` (par exemple, `process.env.LOGTO_COOKIE_SECRET`), assurez-vous que la valeur comporte au moins 32 caractères. Si cette exigence n'est pas respectée, Logto générera l'erreur suivante lors de la compilation ou de l'exécution :
+
+`TypeError: Either sessionWrapper or encryptionKey must be provided for CookieStorage`
+
+Pour éviter cette erreur, assurez-vous que la variable d'environnement est correctement définie ou fournissez une valeur de secours d'une longueur minimale de 32 caractères.
+
+### Configurer les URI de redirection \{#configure-redirect-uris}
 
 <SignInFlowSummary />
 
@@ -32,9 +39,9 @@ export const logtoConfig: LogtoNextConfig = {
 
 ### Gérer le callback \{#handle-callback}
 
-Après que l'utilisateur se soit connecté, Logto redirigera l'utilisateur vers l'URI de redirection configurée ci-dessus. Cependant, il reste des choses à faire pour que votre application fonctionne correctement.
+Après la connexion de l'utilisateur, Logto le redirigera vers l'URI de redirection configurée ci-dessus. Cependant, il reste encore des étapes à effectuer pour que votre application fonctionne correctement.
 
-Nous fournissons une fonction d'assistance `handleSignIn` pour gérer le callback de connexion :
+Nous fournissons une fonction utilitaire `handleSignIn` pour gérer le callback de connexion :
 
 ```tsx title="app/callback/route.ts"
 import { handleSignIn } from '@logto/next/server-actions';
@@ -52,9 +59,9 @@ export async function GET(request: NextRequest) {
 
 ### Implémenter la connexion et la déconnexion \{#implement-sign-in-and-sign-out}
 
-#### Implémenter le bouton de connexion et de déconnexion \{#implement-sign-in-and-sign-out-button}
+#### Implémenter les boutons de connexion et de déconnexion \{#implement-sign-in-and-sign-out-button}
 
-Dans Next.js App Router, les événements sont gérés dans les composants clients, nous devons donc créer d'abord deux composants : `SignIn` et `SignOut`.
+Dans Next.js App Router, les événements sont gérés dans les composants client, nous devons donc d'abord créer deux composants : `SignIn` et `SignOut`.
 
 ```tsx title="app/sign-in.tsx"
 'use client';
@@ -100,13 +107,13 @@ const SignOut = ({ onSignOut }: Props) => {
 export default SignOut;
 ```
 
-N'oubliez pas d'ajouter `'use client'` en haut du fichier pour indiquer que ces composants sont des composants clients.
+N'oubliez pas d'ajouter `'use client'` en haut du fichier pour indiquer que ces composants sont des composants client.
 
 #### Ajouter les boutons à la page d'accueil \{#add-buttons-to-home-page}
 
 <ServerActionsTip />
 
-Ajoutons maintenant les boutons de connexion et de déconnexion sur votre page d'accueil. Nous devons appeler les actions serveur dans le SDK lorsque cela est nécessaire. Pour vous aider, utilisez `getLogtoContext` pour récupérer le statut d'authentification.
+Ajoutons maintenant les boutons de connexion et de déconnexion sur votre page d'accueil. Nous devons appeler les actions serveur du SDK lorsque cela est nécessaire. Pour cela, utilisez `getLogtoContext` pour récupérer le statut d'authentification.
 
 ```tsx title="app/page.tsx"
 import { getLogtoContext, signIn, signOut } from '@logto/next/server-actions';

i18n/ja/docusaurus-plugin-content-docs/current/quick-starts/framework/next-app-router/_integration.mdx

@@ -7,7 +7,7 @@ import ServerActionsTip from './_server-actions-tip.mdx';
 
 ### 設定の準備 \{#prepare-configs}
 
-Logto クライアントの設定を準備します：
+Logto クライアント用の設定を準備します：
 
 ```ts title="app/logto.ts"
 import { LogtoNextConfig } from '@logto/next';
@@ -22,6 +22,13 @@ export const logtoConfig: LogtoNextConfig = {
 };
 ```
 
+**注意:**  
+`cookieSecret` に環境変数（例: `process.env.LOGTO_COOKIE_SECRET`）を使用する場合、その値が 32 文字以上であることを確認してください。この要件を満たさない場合、Logto はビルドまたは実行時に次のエラーをスローします：
+
+`TypeError: Either sessionWrapper or encryptionKey must be provided for CookieStorage`
+
+このエラーを防ぐには、環境変数が正しく設定されているか、または 32 文字以上のフォールバック値を用意してください。
+
 ### リダイレクト URI の設定 \{#configure-redirect-uris}
 
 <SignInFlowSummary />
@@ -32,9 +39,9 @@ export const logtoConfig: LogtoNextConfig = {
 
 ### コールバックの処理 \{#handle-callback}
 
-ユーザーがサインインした後、Logto はユーザーを上記で設定したリダイレクト URI に戻します。しかし、アプリケーションが正しく動作するためには、まだ行うべきことがあります。
+ユーザーがサインインした後、Logto は上記で設定したリダイレクト URI にユーザーをリダイレクトします。ただし、アプリケーションが正しく動作するためには、まだやるべきことがあります。
 
-サインインコールバックを処理するために、`handleSignIn` というヘルパー関数を提供しています：
+サインインコールバックを処理するためのヘルパー関数 `handleSignIn` を提供しています：
 
 ```tsx title="app/callback/route.ts"
 import { handleSignIn } from '@logto/next/server-actions';
@@ -50,9 +57,9 @@ export async function GET(request: NextRequest) {
 }
 ```
 
-### サインインとサインアウトの実装 \{#implement-sign-in-and-sign-out}
+### サインイン・サインアウトの実装 \{#implement-sign-in-and-sign-out}
 
-#### サインインとサインアウトボタンの実装 \{#implement-sign-in-and-sign-out-button}
+#### サインイン・サインアウトボタンの実装 \{#implement-sign-in-and-sign-out-button}
 
 Next.js App Router では、イベントはクライアントコンポーネントで処理されるため、まず `SignIn` と `SignOut` の 2 つのコンポーネントを作成する必要があります。
 
@@ -100,13 +107,13 @@ const SignOut = ({ onSignOut }: Props) => {
 export default SignOut;
 ```
 
-これらのコンポーネントがクライアントコンポーネントであることを示すために、ファイルの先頭に `'use client'` を追加することを忘れないでください。
+これらのコンポーネントがクライアントコンポーネントであることを示すため、ファイルの先頭に `'use client'` を追加することを忘れないでください。
 
 #### ホームページにボタンを追加 \{#add-buttons-to-home-page}
 
 <ServerActionsTip />
 
-次に、ホームページにサインインとサインアウトのボタンを追加します。必要に応じて SDK のサーバーアクションを呼び出す必要があります。これを支援するために、`getLogtoContext` を使用して認証 (Authentication) ステータスを取得します。
+次に、ホームページにサインイン・サインアウトボタンを追加します。必要に応じて SDK のサーバーアクションを呼び出す必要があります。そのために、`getLogtoContext` を使って認証 (Authentication) 状態を取得します。
 
 ```tsx title="app/page.tsx"
 import { getLogtoContext, signIn, signOut } from '@logto/next/server-actions';
@@ -121,7 +128,7 @@ const Home = () => {
     <nav>
       {isAuthenticated ? (
         <p>
-          こんにちは, {claims?.sub},
+          こんにちは、{claims?.sub} さん、
           <SignOut
             onSignOut={async () => {
               'use server';

i18n/ko/docusaurus-plugin-content-docs/current/quick-starts/framework/next-app-router/_integration.mdx

@@ -5,7 +5,7 @@ import SignInFlowSummary from '../../fragments/_web-sign-in-flow-summary.mdx';
 
 import ServerActionsTip from './_server-actions-tip.mdx';
 
-### 구성 준비 \{#prepare-configs}
+### 구성 준비하기 \{#prepare-configs}
 
 Logto 클라이언트를 위한 구성을 준비하세요:
 
@@ -22,17 +22,24 @@ export const logtoConfig: LogtoNextConfig = {
 };
 ```
 
-### 리디렉트 URI 구성 \{#configure-redirect-uris}
+**참고:**  
+`cookieSecret`에 환경 변수를 사용하는 경우 (예: `process.env.LOGTO_COOKIE_SECRET`), 값이 최소 32자 이상이어야 합니다. 이 요구 사항이 충족되지 않으면, Logto는 빌드 또는 런타임 중에 다음과 같은 오류를 발생시킵니다:
+
+`TypeError: Either sessionWrapper or encryptionKey must be provided for CookieStorage`
+
+이 오류를 방지하려면 환경 변수가 올바르게 설정되어 있거나, 최소 길이 32자의 대체 값을 제공해야 합니다.
+
+### 리디렉션 URI 구성하기 \{#configure-redirect-uris}
 
 <SignInFlowSummary />
 
 <AssumingUrl />
 
 <WebConfigureRedirectUris />
 
-### 콜백 처리 \{#handle-callback}
+### 콜백 처리하기 \{#handle-callback}
 
-사용자가 로그인한 후, Logto는 사용자를 위에서 구성한 리디렉트 URI로 다시 리디렉션합니다. 그러나 애플리케이션이 제대로 작동하도록 하기 위해 해야 할 일이 남아 있습니다.
+사용자가 로그인한 후, Logto는 위에서 구성한 리디렉션 URI로 사용자를 다시 리디렉션합니다. 하지만 애플리케이션이 제대로 동작하려면 추가 작업이 필요합니다.
 
 로그인 콜백을 처리하기 위해 `handleSignIn` 헬퍼 함수를 제공합니다:
 
@@ -50,9 +57,9 @@ export async function GET(request: NextRequest) {
 }
 ```
 
-### 로그인 및 로그아웃 구현 \{#implement-sign-in-and-sign-out}
+### 로그인 및 로그아웃 구현하기 \{#implement-sign-in-and-sign-out}
 
-#### 로그인 및 로그아웃 버튼 구현 \{#implement-sign-in-and-sign-out-button}
+#### 로그인 및 로그아웃 버튼 구현하기 \{#implement-sign-in-and-sign-out-button}
 
 Next.js App Router에서는 이벤트가 클라이언트 컴포넌트에서 처리되므로, 먼저 `SignIn`과 `SignOut` 두 개의 컴포넌트를 생성해야 합니다.
 
@@ -102,11 +109,11 @@ export default SignOut;
 
 이 컴포넌트들이 클라이언트 컴포넌트임을 나타내기 위해 파일 상단에 `'use client'`를 추가하는 것을 잊지 마세요.
 
-#### 홈 페이지에 버튼 추가 \{#add-buttons-to-home-page}
+#### 홈 페이지에 버튼 추가하기 \{#add-buttons-to-home-page}
 
 <ServerActionsTip />
 
-이제 홈 페이지에 로그인 및 로그아웃 버튼을 추가해 보겠습니다. 필요할 때 SDK에서 서버 액션을 호출해야 합니다. 이를 돕기 위해 `getLogtoContext`를 사용하여 인증 상태를 가져옵니다.
+이제 홈 페이지에 로그인 및 로그아웃 버튼을 추가해 봅시다. 필요할 때 SDK의 서버 액션을 호출해야 합니다. 이를 돕기 위해 `getLogtoContext`를 사용하여 인증 (Authentication) 상태를 가져올 수 있습니다.
 
 ```tsx title="app/page.tsx"
 import { getLogtoContext, signIn, signOut } from '@logto/next/server-actions';