var Component=(()=>{var h=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var A=(n,l)=>()=>(l||n((l={exports:{}}).exports,l),l.exports),E=(n,l)=>{for(var s in l)r(n,s,{get:l[s],enumerable:!0})},o=(n,l,s,a)=>{if(l&&typeof l=="object"||typeof l=="function")for(let c of y(l))!m.call(n,c)&&c!==s&&r(n,c,{get:()=>l[c],enumerable:!(a=p(l,c))||a.enumerable});return n};var C=(n,l,s)=>(s=n!=null?h(B(n)):{},o(l||!n||!n.__esModule?r(s,"default",{value:n,enumerable:!0}):s,n)),F=n=>o(r({},"__esModule",{value:!0}),n);var t=A((b,i)=>{i.exports=_jsx_runtime});var f={};E(f,{default:()=>u,frontmatter:()=>g});var e=C(t()),g={title:"A Comprehensive Guide to Internationalization in Next.js",summary:"Next.js, a popular React framework, provides robust support for building applications with multiple language support. This guide will walk you through the steps to implement internationalization (i18n) in your Next.js project. We'll cover setting up routing, handling localization, and managing translated content.",publishedDate:"2023-10-26 19:58 UTC",topic:"NextJS",tags:["NextJS","Vercel","AppDirectory","React","TypeScript"]};function d(n){let l=Object.assign({ul:"ul",li:"li",a:"a",h2:"h2",svg:"svg",path:"path",h3:"h3",p:"p",strong:"strong",span:"span",code:"code",div:"div",pre:"pre"},n.components),{TableOfContents:s}=l;return s||D("TableOfContents",!0),(0,e.jsxs)(e.Fragment,{children:[` `,(0,e.jsx)(s,{children:(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsx)(l.a,{href:"#understanding-internationalization-terminology",children:"Understanding Internationalization Terminology"})}),` `,(0,e.jsx)(l.li,{children:(0,e.jsx)(l.a,{href:"#setting-up-nextjs-for-internationalization",children:"Setting Up Next.js for Internationalization"})}),` `,(0,e.jsx)(l.li,{children:(0,e.jsx)(l.a,{href:"#full-source-code",children:"Full Source Code"})}),` `]})}),` `,(0,e.jsxs)(l.h2,{id:"understanding-internationalization-terminology",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#understanding-internationalization-terminology",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Understanding Internationalization Terminology"]}),` `,(0,e.jsxs)(l.h3,{id:"locale",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#locale",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Locale"]}),` `,(0,e.jsxs)(l.p,{children:["A ",(0,e.jsx)(l.strong,{children:"locale"})," is an identifier for a set of language and formatting preferences. It includes the user's preferred language and may also indicate their geographic region. For example:"]}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsxs)(l.li,{children:[(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"'en-US'"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"'en-US'"})})})]}),": English as spoken in the United States"]}),` `,(0,e.jsxs)(l.li,{children:[(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"'nl-NL'"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"'nl-NL'"})})})]}),": Dutch as spoken in the Netherlands"]}),` `,(0,e.jsxs)(l.li,{children:[(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"'en'"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"'en'"})})})]}),": English language without a specific region"]}),` `]}),` `,(0,e.jsxs)(l.h2,{id:"setting-up-nextjs-for-internationalization",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#setting-up-nextjs-for-internationalization",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Setting Up Next.js for Internationalization"]}),` `,(0,e.jsxs)(l.h3,{id:"create-a-new-nextjs-application",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#create-a-new-nextjs-application",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Create a New Next.js Application"]}),` `,(0,e.jsx)(l.p,{children:"If you haven't already, create a new Next.js project using the following command:"}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"light",children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"light",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"$"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"npx"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"create-next-app@latest"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"my-i18n-app"})]})})}),(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"dark",children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"dark",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"$"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"npx"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"create-next-app@latest"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"my-i18n-app"})]})})})]}),` `,(0,e.jsxs)(l.h3,{id:"setting-up-routing-for-internationalization",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#setting-up-routing-for-internationalization",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Setting Up Routing for Internationalization"]}),` `,(0,e.jsx)(l.p,{children:"To provide a seamless experience for users, it's crucial to adapt your application based on their preferred language. This can be achieved by adjusting the routing mechanism."}),` `,(0,e.jsxs)(l.h3,{id:"utilizing-users-language-preferences",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#utilizing-users-language-preferences",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Utilizing User's Language Preferences"]}),` `,(0,e.jsxs)(l.p,{children:["By using libraries like ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"@formatjs/intl-localematcher"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"@formatjs/intl-localematcher"})})})]})," and ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"negotiator"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"negotiator"})})})]}),", you can determine the user's preferred locale based on their headers and your supported locales. This helps you ensure that users are directed to the correct language version of your site."]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"light",children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"light",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"$"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"npm"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"install"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"@formatjs/intl-localematcher"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"negotiator"})]})})}),(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"dark",children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"dark",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"$"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"npm"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"install"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"@formatjs/intl-localematcher"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"negotiator"})]})})})]}),` `,(0,e.jsxs)(l.h3,{id:"implementing-locale-based-routing",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#implementing-locale-based-routing",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Implementing Locale-Based Routing"]}),` `,(0,e.jsxs)(l.p,{children:["Next.js allows you to internationalize routing either through sub-paths ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"(/fr/products)"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"(/fr/products)"})})})]})," or domains ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"(my-site.fr/products)"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"(my-site.fr/products)"})})})]}),". This information enables you to redirect users based on their preferred locale within the middleware."]}),` `,(0,e.jsxs)(l.p,{children:["and inside ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"src/"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"src/"})})})]})," directory create ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"middleware.ts"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"middleware.ts"})})})]})]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"light",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// middleware.ts"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" { match } "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'@formatjs/intl-localematcher'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" Negotiator "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'negotiator'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" { NextRequest, NextResponse } "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'next/server'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" defaultLocale "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'en'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" locales "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" ["}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'cn'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'de'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'en'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"]"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// Get the preferred locale, similar to above or using a library"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"getLocale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"NextRequest"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"acceptedLanguage"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" request.headers."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"get"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'accept-language'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"??"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"undefined"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" headers "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'accept-language'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": acceptedLanguage }"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" languages "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"new"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Negotiator"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"({ headers })."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"languages"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"()"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"match"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"(languages, locales, defaultLocale) "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// -> 'en-US'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"middleware"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"NextRequest"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// Check if there is any supported locale in the pathname"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"pathname"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" request.nextUrl.pathname"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"pathnameIsMissingLocale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" locales."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"every"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"!"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"pathname."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"startsWith"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"`/${"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"}/`"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"&&"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" pathname "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"!=="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"`/${"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"}`"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// Redirect if there is no locale"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" (pathnameIsMissingLocale) {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"getLocale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"(request)"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// e.g. incoming request is /products"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// The new URL is now /en-US/products"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" NextResponse."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"redirect"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"new"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"URL"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"`/${"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"}/${"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"pathname"}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"}`"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:", request.url))"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"config"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" {"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" matcher: ["})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// Skip all internal paths (_next, assets, api)"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'/((?!api|assets|.*"}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"\\\\"}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"..*|_next).*)'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// Optional: only run on root (/) URL"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// '/'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" ],"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"dark",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// middleware.ts"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"match"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'@formatjs/intl-localematcher'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Negotiator"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'negotiator'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"NextRequest"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"NextResponse"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'next/server'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"defaultLocale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'en'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"locales"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'cn'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'de'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'en'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Get the preferred locale, similar to above or using a library"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"getLocale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"NextRequest"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"acceptedLanguage"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"get"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'accept-language'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"??"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D19A66"},children:"undefined"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'accept-language'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"acceptedLanguage"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"languages"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"new"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"Negotiator"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"languages"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"match"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"languages"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"locales"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"defaultLocale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// -> 'en-US'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"middleware"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"NextRequest"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Check if there is any supported locale in the pathname"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"pathname"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"nextUrl"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"pathname"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"pathnameIsMissingLocale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"locales"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"every"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"!"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"pathname"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"startsWith"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"`/"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"/`"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"&&"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"pathname"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"!=="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"`/"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"`"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Redirect if there is no locale"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"pathnameIsMissingLocale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"getLocale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// e.g. incoming request is /products"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// The new URL is now /en-US/products"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"NextResponse"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"redirect"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"new"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"URL"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"`/"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"/"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"pathname"}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"config"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"matcher"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": ["})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Skip all internal paths (_next, assets, api)"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'/((?!api|assets|.*"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"\\\\"}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"..*|_next).*)'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Optional: only run on root (/) URL"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// '/'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ],"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.h3,{id:"organizing-files-for-locale-based-handling",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#organizing-files-for-locale-based-handling",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Organizing Files for Locale-Based Handling"]}),` `,(0,e.jsxs)(l.p,{children:["To enable Next.js to dynamically manage different locales in the route, nest all special files within ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"app/[lang]"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"app/[lang]"})})})]}),"."]}),` `,(0,e.jsx)(l.p,{children:"For example:"}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"app/[lang]/page.tsx"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"app/[lang]/page.tsx"})})})]})}),` `]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"light",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Page"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": { "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" } }) {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"..."})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"dark",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"Page"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } }) {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ..."})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.h3,{id:"implementing-localization",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#implementing-localization",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Implementing Localization"]}),` `,(0,e.jsx)(l.p,{children:"Localization involves adapting the displayed content based on the user's preferred locale. This can be achieved by maintaining separate dictionaries for each supported language."}),` `,(0,e.jsxs)(l.h3,{id:"creating-dictionaries",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#creating-dictionaries",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Creating Dictionaries"]}),` `,(0,e.jsx)(l.p,{children:"For example, let's consider English, Dutch, and Chinese translations for Next js main page:"}),` `,(0,e.jsx)(l.p,{children:(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"app/[lang]/dictionaries"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"app/[lang]/dictionaries"})})})]})}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"dictionaries/en.json"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"dictionaries/en.json"})})})]})}),` `]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"light",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"get_started"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Get started by editing"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"doc"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Find in-depth information about Next.js features and API."'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"learn"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Learn about Next.js in an interactive course with quizzes!"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"template"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Explore the Next.js 13 playground."'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"deploy"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Instantly deploy your Next.js site to a shareable URL with Vercel."'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"dark",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"get_started"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Get started by editing"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"doc"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Find in-depth information about Next.js features and API."'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"learn"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Learn about Next.js in an interactive course with quizzes!"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"template"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Explore the Next.js 13 playground."'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"deploy"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Instantly deploy your Next.js site to a shareable URL with Vercel."'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"dictionaries/de.json"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"dictionaries/de.json"})})})]})}),` `]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"light",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"get_started"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Beginnen Sie, indem Sie bearbeiten"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"doc"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Finden Sie ausf\xFChrliche Informationen zu den Funktionen und der API von Next.js."'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"learn"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Erfahren Sie mehr \xFCber Next.js in einem interaktiven Kurs mit Quizfragen!"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"template"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Erkunden Sie den Next.js 13-Spielplatz."'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"deploy"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Bereiten Sie Ihre Next.js-Website sofort f\xFCr die Bereitstellung auf einer gemeinsam nutzbaren URL mit Vercel vor."'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"dark",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"get_started"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Beginnen Sie, indem Sie bearbeiten"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"doc"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Finden Sie ausf\xFChrliche Informationen zu den Funktionen und der API von Next.js."'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"learn"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Erfahren Sie mehr \xFCber Next.js in einem interaktiven Kurs mit Quizfragen!"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"template"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Erkunden Sie den Next.js 13-Spielplatz."'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"deploy"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Bereiten Sie Ihre Next.js-Website sofort f\xFCr die Bereitstellung auf einer gemeinsam nutzbaren URL mit Vercel vor."'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":"text","data-theme":"light",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292e"},children:"dictionaries/cn.json"})})}),(0,e.jsx)(l.code,{"data-language":"text","data-theme":"dark",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#abb2bf"},children:"dictionaries/cn.json"})})})]})}),` `]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"light",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"get_started"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"\u901A\u8FC7\u7F16\u8F91\u5F00\u59CB"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"doc"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"\u67E5\u627E\u5173\u4E8E Next.js \u529F\u80FD\u548C API \u7684\u6DF1\u5165\u4FE1\u606F\u3002"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"learn"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"\u901A\u8FC7\u4E92\u52A8\u8BFE\u7A0B\u5B66\u4E60 Next.js\uFF0C\u5305\u62EC\u6D4B\u9A8C\uFF01"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"template"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"\u63A2\u7D22 Next.js 13 \u7684\u793A\u8303\u73AF\u5883\u3002"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:'"deploy"'}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"\u4F7F\u7528 Vercel \u7ACB\u5373\u90E8\u7F72\u60A8\u7684 Next.js \u7F51\u7AD9\u5230\u53EF\u5171\u4EAB\u7684 URL\u3002"'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"dark",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"get_started"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"\u901A\u8FC7\u7F16\u8F91\u5F00\u59CB"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"doc"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"\u67E5\u627E\u5173\u4E8E Next.js \u529F\u80FD\u548C API \u7684\u6DF1\u5165\u4FE1\u606F\u3002"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"learn"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"\u901A\u8FC7\u4E92\u52A8\u8BFE\u7A0B\u5B66\u4E60 Next.js\uFF0C\u5305\u62EC\u6D4B\u9A8C\uFF01"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"template"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"\u63A2\u7D22 Next.js 13 \u7684\u793A\u8303\u73AF\u5883\u3002"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:'"deploy"'}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"\u4F7F\u7528 Vercel \u7ACB\u5373\u90E8\u7F72\u60A8\u7684 Next.js \u7F51\u7AD9\u5230\u53EF\u5171\u4EAB\u7684 URL\u3002"'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.h3,{id:"loading-translations",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#loading-translations",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Loading translations"]}),` `,(0,e.jsxs)(l.p,{children:["Create a function ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":".token","data-theme":"light",children:(0,e.jsx)(l.span,{style:{color:"#6f42c1"},children:"getDictionary"})}),(0,e.jsx)(l.code,{"data-language":".token","data-theme":"dark",children:(0,e.jsx)(l.span,{style:{color:"#e5c07b"},children:"getDictionary"})})]})," to load the translations for the requested locale."]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"light",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'server-only'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Locale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"keyof"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"typeof"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" dictionaries"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"dictionaries"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"en"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": () "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'./dictionaries/en.json'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:")."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:".default),"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"de"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": () "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'./dictionaries/de.json'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:")."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:".default),"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"cn"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": () "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'./dictionaries/cn.json'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:")."}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:".default),"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"getDictionary"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Locale"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" dictionaries[locale]()"})]})]})}),(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"dark",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'server-only'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"Locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"keyof"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"typeof"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"dictionaries"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"dictionaries"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"en"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": () "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'./dictionaries/en.json'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"),"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"de"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": () "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'./dictionaries/de.json'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"),"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"cn"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": () "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'./dictionaries/cn.json'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"module"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"),"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"getDictionary"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"Locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"dictionaries"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]()"})]})]})})]}),` `,(0,e.jsxs)(l.h3,{id:"using-translations-in-components",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#using-translations-in-components",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Using Translations in Components"]}),` `,(0,e.jsx)(l.p,{children:"You can now fetch the dictionary inside a layout or page to display translated content."}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"light",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" SwitchLang "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'@/components/SwitchLang/SwitchLang'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" Image "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'next/image'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" { Locale, getDictionary } "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'./dictionaries'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" styles "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'./page.module.css'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Props"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Locale"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"^^^^^^^^^^^^^^^"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Home"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:": { "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" } }"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Props"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^^^^^^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"intl"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"await"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"getDictionary"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"(lang)"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"main className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.main}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"div className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.description}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" {"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"intl"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"get_started"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"&"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"nbsp;"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"code className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.code}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"/"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"app"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"/"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"page.tsx"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"SwitchLang "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" href"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" target"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" rel"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" By{"}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"' '"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"Image"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" src"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"/vercel.svg"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" alt"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Vercel Logo"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.vercelLogo}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" width"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"100"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" height"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"24"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"priority"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"div className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.center}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"Image"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.logo}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" src"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"/next.svg"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" alt"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"Next.js Logo"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" width"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"180"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" height"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#005CC5"},children:"37"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"priority"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"div className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.grid}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" href"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.card}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" target"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" rel"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" Docs "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"gt;"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">{intl.doc}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" href"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.card}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" target"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" rel"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" Learn "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"gt;"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">{intl.learn}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" href"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.card}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" target"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" rel"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" Templates "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"gt;"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">{intl.template}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" href"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" className"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{styles.card}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" target"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" rel"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" Deploy "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"gt;"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" {"}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"intl"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"deploy"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"dark",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"SwitchLang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'@/components/SwitchLang/SwitchLang'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Image"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'next/image'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Locale"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"getDictionary"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'./dictionaries'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"styles"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'./page.module.css'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"Props"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"Locale"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"^^^^^^^^^^^^^^^"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"Home"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } }: "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"Props"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^^^^^^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"intl"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"await"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"getDictionary"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"main"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"main"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"description"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"intl"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"get_started"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"&"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"nbsp"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"code"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"code"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"/"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"app"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"/"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"page"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"tsx"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"SwitchLang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"href"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"rel"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"By"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"' '"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"Image"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"/vercel.svg"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"alt"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Vercel Logo"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"vercelLogo"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#D19A66"},children:"100"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"height"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#D19A66"},children:"24"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"priority"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"center"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"Image"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"logo"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"/next.svg"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"alt"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"Next.js Logo"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#D19A66"},children:"180"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"height"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#D19A66"},children:"37"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"priority"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"grid"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"href"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"rel"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Docs"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"gt"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">{intl."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"doc"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"href"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"rel"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Learn"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"gt"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">{intl."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"learn"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"href"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"rel"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Templates"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"gt"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">{intl."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"template"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"href"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{styles."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"_blank"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"rel"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:'"noopener noreferrer"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"h2"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"Deploy"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">-&"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"gt"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"intl"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"deploy"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"^^^^^^^^^^^^^"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.h3,{id:"static-generation-for-multiple-locales",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#static-generation-for-multiple-locales",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Static Generation for Multiple locales"]}),` `,(0,e.jsxs)(l.p,{children:["To generate static routes for a set of locales, use ",(0,e.jsxs)(l.span,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.code,{"data-language":".token","data-theme":"light",children:(0,e.jsx)(l.span,{style:{color:"#6f42c1"},children:"generateStaticParams"})}),(0,e.jsx)(l.code,{"data-language":".token","data-theme":"dark",children:(0,e.jsx)(l.span,{style:{color:"#e5c07b"},children:"generateStaticParams"})})]})," in any page or layout. This can be set globally, such as in the root layout:"]}),` `,(0,e.jsxs)(l.div,{"data-rehype-pretty-code-fragment":"",children:[(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"light",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"light",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#6A737D"},children:"// app/[lang]/layout.ts"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"generateStaticParams"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"() {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" [{ lang: "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'en'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" }, { lang: "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'de'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" }, { lang: "}),(0,e.jsx)(l.span,{style:{color:"#032F62"},children:"'cn'"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" }]"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"Root"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"children"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E36209"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" }) {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"html lang"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"{params.lang}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#6F42C1"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#24292E"},children:">{children}"}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D73A49"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"dark",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"dark",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// app/[lang]/layout.ts"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"generateStaticParams"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"() {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" [{ "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'en'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }, { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'de'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }, { "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#98C379"},children:"'cn'"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }]"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"default"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#61AFEF"},children:"Root"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ "}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"children"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,e.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C678DD"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"html"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{params."}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"lang"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,e.jsx)(l.span,{style:{color:"#E5C07B"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:">{"}),(0,e.jsx)(l.span,{style:{color:"#E06C75"},children:"children"}),(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#56B6C2"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})]}),` `,(0,e.jsxs)(l.h3,{id:"conclusion",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#conclusion",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Conclusion"]}),` `,(0,e.jsx)(l.p,{children:"Implementing internationalization in Next.js provides a seamless experience for users from different linguistic backgrounds. By adapting routing."}),` `,(0,e.jsxs)(l.h3,{id:"full-source-code",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#full-source-code",children:(0,e.jsx)(l.svg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",width:"20",height:"20",fill:"currentColor","aria-label":"Anchor Link",children:(0,e.jsx)(l.path,{d:"M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"})})}),"Full Source Code"]}),` `,(0,e.jsxs)(l.p,{children:["For the complete source code, including all files and dependencies, you can visit the ",(0,e.jsx)(l.a,{href:"https://github.com/cxkeeley/youtube-next-intl",children:"GitHub Repository"}),". Feel free to explore, fork, or clone the repository to delve deeper into the project."]}),` `,(0,e.jsx)(l.p,{children:"Reference"}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsx)(l.a,{href:"https://medium.com/@cxkeeley/a-comprehensive-guide-to-internationalization-in-next-js-36d9db8db9c9",children:"cxkeeley, a comprehensive guide to internationalization in next js"})}),` `]}),` `]})}function N(n={}){let{wrapper:l}=n.components||{};return l?(0,e.jsx)(l,Object.assign({},n,{children:(0,e.jsx)(d,n)})):d(n)}var u=N;function D(n,l){throw new Error("Expected "+(l?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return F(f);})(); ;return Component;

and I

Latest Posts All

Projects GitHub