Softversko inženjerstvo ·Meta· 1 min čitanja

Zdravo, MDX

Kako ovaj blog radi, i pregled gradivnih elemenata koje svaki tekst može da koristi.

Dostupno i na: English

Svaki tekst na ovom sajtu je običan .mdx fajl: Markdown za tekst, React komponente za sve ostalo.

Kod#

Blokovi koda se automatski boje i imaju dugme za kopiranje:

ts
type Post = { slug: string; title: string };

export function byTitle(posts: Post[]) {
  return [...posts].sort((a, b) => a.title.localeCompare(b.title));
}

Callout#

Koraci#

  1. Napravi tekst
    Dodaj fajl u src/content/blog/ sa imenom jezika.
  2. Dodaj metapodatke
    Naslov, datum, kategorija i opciono tagovi.
  3. Prevedi
    Stavi en.mdx pored. Isti folder, drugi jezik.

Slike#

Dijagram: post.mdx prolazi kroz next build i postaje statički HTML u out folderu
Slika 1: Put posta od MDX-a do statičkih fajlova.