Pachetul oficial @next/mdx permite utilizarea sintaxei Markdown îmbogățite cu componente React (MDX) direct în structura de fișiere a App Router. Puteți crea pagini page.mdx care combină lizibilitatea textului markdown cu grafice, butoane sau widget-uri interactive.
# Ghid de Programare Next.js
Acesta este un paragraf scris în Markdown curat.
import { GraficInteractiv } from '@/components/Grafic';
<GraficInteractiv tip="performanta" />
Puteți interacționa cu graficul de mai sus direct din document!Configurare: Se instalează @next/mdx @mdx-js/loader @types/mdx și se încapsulează configurarea din next.config.mjs cu funcția withMDX().
Avantaje
- Ideal pentru bloguri tehnice, platforme de documentație și site-uri bazate pe conținut dens.
- Componentele React sunt compilate ca React Server Components pentru viteză maximă.
Întrebări & Exemple de Cod:
Integrarea MDX în Next.js (@next/mdx)Ai o nelămurire despre utilizarea comenzii
Integrarea MDX în Next.js (@next/mdx)sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.