Implementing Multilingual Content using Directus and Next.js

environment:
  CONTENT_SECURITY_POLICY_DIRECTIVES__FRAME_SRC: your-website-url

npx create-next-app \
  directus-next-multilingual \
  --js \
  --app \
  --eslint \
  --no-src-dir \
  --no-tailwind \
  --turbopack \
  --import-alias "@/*"

cd directus-next-multilingual
npm i @directus/sdk

export default function Home() {
  return <div />
}

import { createDirectus, rest, authentication } from '@directus/sdk';

const BACKEND_URL = "http://localhost:8055/"

const client = createDirectus(BACKEND_URL)
    .with(authentication("json"))
    .with(rest())

export default client;

.with(
  rest({
    onRequest: (options) => ({ ...options, cache: 'no-store' }),
  })
)

import { React } from 'react';
import client from '@/lib/directus';
import { readItems } from '@directus/sdk';

export default async function Page({ params: {slug} }) {

    try {
    const post = await client.request(readItems(
        'posts',
        {filter: { slug: {_eq: slug}}}
    ));

    console.log(post)

    if (!post) {
        return null;
    }

    const { title, content } = post[0];

    return (<div>
        <div>
            <h1>{ title }</h1>
            <p>{ content }</p>
        </div>
    </div>)
    } catch (e) {
        console.log(e)
        return <div>This post does not exist</div>
    }
}

Chandrayaan is a series of lunar exploration missions developed by the Indian Space Research Organisation (ISRO) to advance India's space capabilities and scientific understanding of the Moon. The program began with Chandrayaan-1, launched in 2008, which was instrumental in confirming the presence of water molecules on the lunar surface. This groundbreaking discovery reshaped our understanding of the Moon’s geology and its potential for future exploration. The spacecraft carried a mix of Indian and international instruments, including NASA’s Moon Mineralogy Mapper, and operated for nearly a year before losing communication.

Building on this success, Chandrayaan-2 was launched in 2019, featuring an orbiter, lander (Vikram), and rover (Pragyan). While the lander failed to achieve a soft landing, the orbiter continues to send valuable data. In 2023, Chandrayaan-3 made history by successfully landing near the Moon’s south pole, making India the first nation to achieve this feat. The mission deployed the Pragyan rover, which conducted in-situ analysis of lunar soil and confirmed the presence of sulfur and other elements. The Chandrayaan program is a testament to India's growing expertise in space exploration and its ambitions for future interplanetary missions.

Chandrayaan ist eine Reihe von Monderkundungsmissionen, die von der Indian Space Research Organisation (ISRO) entwickelt wurden, um Indiens Weltraumkapazitäten und sein wissenschaftliches Verständnis des Mondes zu verbessern. Das Programm begann mit Chandrayaan-1, das 2008 gestartet wurde und maßgeblich zur Bestätigung der Anwesenheit von Wassermolekülen auf der Mondoberfläche beitrug. Diese bahnbrechende Entdeckung hat unser Verständnis der Geologie des Mondes und seines Potenzials für zukünftige Erkundungen verändert. Die Raumsonde trug eine Mischung aus indischen und internationalen Instrumenten, darunter den Moon Mineralogy Mapper der NASA, und war fast ein Jahr lang in Betrieb, bevor die Kommunikation abbrach.

Aufbauend auf diesem Erfolg wurde Chandrayaan-2 2019 gestartet, bestehend aus einem Orbiter, einem Lander (Vikram) und einem Rover (Pragyan). Während der Lander keine weiche Landung hinbekam, sendet der Orbiter weiterhin wertvolle Daten. Im Jahr 2023 schrieb Chandrayaan-3 Geschichte, indem es erfolgreich in der Nähe des Südpols des Mondes landete, womit Indien die erste Nation war, der dieses Kunststück gelang. Die Mission setzte den Rover Pragyan ein, der vor Ort Analysen des Mondbodens durchführte und das Vorhandensein von Schwefel und anderen Elementen bestätigte. Das Chandrayaan-Programm ist ein Beweis für Indiens wachsende Expertise in der Weltraumforschung und seine Ambitionen für zukünftige interplanetare Missionen.

Chandrayaan est une série de missions d’exploration lunaire développées par l’Organisation indienne de recherche spatiale (ISRO) pour faire progresser les capacités spatiales de l’Inde et sa compréhension scientifique de la Lune. Le programme a débuté avec Chandrayaan-1, lancé en 2008, qui a permis de confirmer la présence de molécules d’eau à la surface lunaire. Cette découverte révolutionnaire a remodelé notre compréhension de la géologie de la Lune et de son potentiel d’exploration future. Le vaisseau spatial transportait un mélange d’instruments indiens et internationaux, dont le Moon Mineralogy Mapper de la NASA, et a fonctionné pendant près d’un an avant de perdre la communication.

Fort de ce succès, Chandrayaan-2 a été lancé en 2019, avec un orbiteur, un atterrisseur (Vikram) et un rover (Pragyan). Bien que l’atterrisseur n’ait pas réussi à atterrir en douceur, l’orbiteur continue d’envoyer des données précieuses. En 2023, Chandrayaan-3 est entré dans l’histoire en atterrissant avec succès près du pôle sud de la Lune, faisant de l’Inde la première nation à réaliser cet exploit. La mission a déployé le rover Pragyan, qui a procédé à des analyses in situ du sol lunaire et a confirmé la présence de soufre et d'autres éléments. Le programme Chandrayaan témoigne de l'expertise croissante de l'Inde en matière d'exploration spatiale et de ses ambitions pour de futures missions interplanétaires.

Chandrayaan es una serie de misiones de exploración lunar desarrolladas por la Organización de Investigación Espacial de la India (ISRO) para mejorar las capacidades espaciales de la India y la comprensión científica de la Luna. El programa comenzó con Chandrayaan-1, lanzado en 2008, que fue fundamental para confirmar la presencia de moléculas de agua en la superficie lunar. Este descubrimiento revolucionario cambió nuestra comprensión de la geología de la Luna y su potencial para la exploración futura. La nave espacial llevaba una combinación de instrumentos indios e internacionales, incluido el Moon Mineralogy Mapper de la NASA, y funcionó durante casi un año antes de perder la comunicación.

Sobre la base de este éxito, Chandrayaan-2 se lanzó en 2019, con un orbitador, un módulo de aterrizaje (Vikram) y un explorador (Pragyan). Si bien el módulo de aterrizaje no logró un aterrizaje suave, el orbitador continúa enviando datos valiosos. En 2023, Chandrayaan-3 hizo historia al aterrizar con éxito cerca del polo sur de la Luna, convirtiendo a la India en la primera nación en lograr esta hazaña. La misión desplegó el explorador Pragyan, que realizó análisis in situ del suelo lunar y confirmó la presencia de azufre y otros elementos. El programa Chandrayaan es un testimonio de la creciente experiencia de la India en exploración espacial y sus ambiciones para futuras misiones interplanetarias.

import { React } from 'react';
import client from '@/lib/directus';
import { readItems } from '@directus/sdk';

export default async function Page({ params }) {

    const { lang, slug } = await params;

    try {
        const post = await client.request(readItems(
            'posts',
            { filter: { slug: { _eq: slug } } }
        )).then((data) => {
            if (lang == "en-US")
                return data

            return client.request(readItems('posts_translations', {
                filter: {
                    posts_id: {
                        _eq: data[0].id
                    },
                    languages_code: {
                        _eq: lang
                    }
                }
            }))
        })

        if (!post) {
            return null;
        }

        const { title, content } = post[0];

        return (<div>
            <div>
                <h1>{title}</h1>
                <p>{content}</p>
            </div>
        </div>)
    } catch (e) {
        console.log(e)
        return <div>This post does not exist</div>
    }
}