DocumentationDocumentationShowcaseShowcaseAboutAbout
GitHubGitHub (opens in a new tab)
  • Introduction
  • Guide
    • Organize Files
    • Markdown
    • Syntax Highlighting
    • Next.js Link
    • Next.js Image
    • Next.js SSG
    • Next.js I18n
    • Custom CSS
    • Advanced
      • Npm2Yarn
      • Mermaid
      • Tailwind CSS
      • LaTeX
      • Rendering Tables
      • TypeScript
      • Remote Content
      • Google Analytics
    • Built-ins
      • Callout
      • Tabs
      • Cards
      • Steps
      • FileTree
  • Themes
  • Docs Theme
    • Get Started
    • Page Configuration
    • Theme Configuration
    • Built-ins
      • Bleed
  • Blog Theme
    • Get Started
  • Custom Theme
  • More
  • About Nextra
  • Next.js Docs ↗ (opens in a new tab)
    • Introduction
    • Guide
      • Organize Files
      • Markdown
      • Syntax Highlighting
      • Next.js Link
      • Next.js Image
      • Next.js SSG
      • Next.js I18n
      • Custom CSS
      • Advanced
        • Npm2Yarn
        • Mermaid
        • Tailwind CSS
        • LaTeX
        • Rendering Tables
        • TypeScript
        • Remote Content
        • Google Analytics
      • Built-ins
        • Callout
        • Tabs
        • Cards
        • Steps
        • FileTree
    • Themes
    • Docs Theme
      • Get Started
      • Page Configuration
      • Theme Configuration
      • Built-ins
        • Bleed
    • Blog Theme
      • Get Started
    • Custom Theme
    • More
    • About Nextra
    • Next.js Docs ↗ (opens in a new tab)
    • Showcase
  • About
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →
Documentation
Guide
Next.js Link

Next.js Link

All relative Markdown links are automatically converted to Next.js links. This means that the target page will be prefetched. And when you click on a link, the page will be loaded on the client-side like a SPA, without making a full page load. For example:

Click [here](/about) to read more.

Will be equivalent to:

import Link from 'next/link'
 
Click <Link href="/about">here</Link> to read more.

This feature makes navigation between Nextra pages fast and seamless.

Syntax HighlightingNext.js Image

Powered byVercel

© 2023 The Nextra Project.