Como manejar traducciones en Next.js con App Router

nuestro portfolio está disponible solamente en español para poder traducirlo a más lenguajes vamos a agregar una carpeta dinámica lang para tener como parámetro disponible el lenguaje en el que vamos a mostrar nuestra aplicación luego movemos el contenido de nuestra aplicación dentro de esta nueva carpeta ahora creamos una carpeta dictionaries que contenga un archivo json para cada lenguaje que quiera soportar dentro vamos a crear propiedades para los textos de nuestra aplicación en sus

lenguajes luego en nuestra página vamos a obtener el lenguaje de los parámetros importar el diccionario correspondiente y reemplazar los textos con los del diccionario ahora si navegamos a las rutas de barra s y barra n vamos a ver nuestra página con sus respectivas traducciones