markdown-demo

Hello MDX

Strikethrough

removed

Task List

  • Write the press release
  • Update the website
  • Contact the media

Table

SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more
StrikethroughText

Autolinks

Visit https://nextjs.org (opens in a new tab).

Custom Heading Id

Long heading about Nextra

Syntax Highlighting

Visit https://nextra.site/docs/guide/syntax-highlighting#features (opens in a new tab) for more

console.log("hello, world");

Inlined Code

Inlined syntax highlighting is also supported let x = 1 via:

Highlighting Lines

import { useState } from "react";
 
function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Highlighting Substrings

import { useState } from "react";
 
function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Copy Button

console.log("hello, world");

Line Numbers

import { useState } from "react";
 
function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Filenames and Titles

example.js
console.log("hello, world");
Example
console.log("hello, world");

ANSI Highlighting

 ✓ src/index.test.ts (1)
   Test Files  1 passed (1)
        Tests  1 passed (1)
     Start at  23:32:41
     Duration  11ms
   PASS  Waiting for file changes...
         press h to show help, press q to quit

Built in Components

Visit https://nextra.site/docs/guide/built-ins (opens in a new tab)