Nextra

What is Nextra?

Nextra is a Next.js static site generator that allows users to create beautiful websites with ease. It is a simple, powerful, and flexible site generation framework that combines the best of Next.js and MDX.

Features of Nextra

Advanced Syntax Highlighting

Nextra features a performant and reliable build-time syntax highlighting solution powered by Shiki.

I18n Made Easy

Nextra makes internationalization (I18n) easy by allowing users to place page files in folders specific to each locale. Nextra and Next.js will handle the rest.

MDX 3 Support

Nextra supports MDX 3, which allows users to use components inside Markdown, resulting in a huge performance boost.

Dark Mode Included

Nextra comes with a built-in dark mode feature.

Full-Text Search

Nextra indexes content automatically at build-time and performs incredibly fast full-text search via FlexSearch.

Intuitive Page Organization

Nextra uses file-system routing from Next.js, allowing users to organize pages intuitively.

Accessibility (A11y) as a Top Priority

Nextra respects system options such as Increase Contrast and Reduce Motion.

Hybrid Rendering

Nextra leverages the hybrid rendering power from Next.js with Markdown content, including SSG, SSR, and ISR.

And More...

Nextra also features SEO, RTL Layout, Pluggable Themes, Built-in Components, Last Git Edit Time, and Multi-Docs, among other features.

How to Use Nextra

To get started with Nextra, simply follow the Get started guide.

Frequently Asked Questions

What is the benefit of using Nextra?

Nextra provides a simple, powerful, and flexible site generation framework that combines the best of Next.js and MDX.

Is Nextra easy to use?

Yes, Nextra is designed to be easy to use, even for those without extensive technical expertise.

Can I use Nextra for internationalization?

Yes, Nextra makes internationalization (I18n) easy by allowing users to place page files in folders specific to each locale.

Does Nextra support dark mode?

Yes, Nextra comes with a built-in dark mode feature.

How does Nextra handle full-text search?

Nextra indexes content automatically at build-time and performs incredibly fast full-text search via FlexSearch.

Is Nextra accessible?

Yes, Nextra respects system options such as Increase Contrast and Reduce Motion, making it accessible to a wide range of users.

Can I use Nextra for hybrid rendering?

Yes, Nextra leverages the hybrid rendering power from Next.js with Markdown content, including SSG, SSR, and ISR.

What are the benefits of using Nextra for SEO?

Nextra provides built-in SEO features, making it easy to optimize your website for search engines.

Can I customize the layout of my Nextra website?

Yes, Nextra supports RTL Layout and Pluggable Themes, allowing you to customize the layout of your website.

Are there any community resources available for Nextra?

Yes, Nextra has a community-driven documentation and a showcase of websites built with Nextra.