Introduction

Welcome to Nextra! This is a basic docs template. You can use it as a starting point for your own project :)

What is Nextra?

A simple, powerful and flexible site generation framework with everything you love from Next.js.

Documentation

The documentation is available at https://nextra.site (opens in a new tab).

Installation Guide

Explanation

1. Headings: Use #, ##, ###, etc., to create headings for each step.
2. Code Blocks: Use triple backticks (```) for code blocks to show CSS and JavaScript snippets.
3. Ordered Lists: Use numbers followed by a dot (e.g., 1.) to create ordered steps.
4. Unordered Lists: Use dashes (-) or asterisks (*) for unordered lists or bullet points.

Implementation

1. Create a Markdown File: Create a new .md or .mdx file in your Nextra project, e.g., customize-dark-theme.md.
2. Add Content: Copy and paste the above Markdown content into your file.
3. Update Nextra Configuration: Ensure your nextra.config.js or similar configuration file includes this new page in the navigation.

// Example nextra.config.js
module.exports = {
  themeConfig: {
    nav: [
      { title: 'Home', link: '/' },
      { title: 'Customize Dark Theme', link: '/customize-dark-theme' },
    ],
    sidebar: {
      '/': [
        { title: 'Introduction', link: '/' },
        { title: 'Customize Dark Theme', link: '/customize-dark-theme' },
      ],
    },
  },
};