Learning and Playing with Nextra

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

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

Here is a list of examples and snippets to help you learn and play with Nextra.

1. Accesing Configuration
2. Authorization
3. Authorization
4. Bleed
5. Callout
6. Cards
7. Code Extensions
8. Expression Evaluation
9. File Trees
10. frontmatter
11. getPagesUnderRoute
12. Heroicons
13. iframe
14. Markdown import
15. mermaid
16. References
17. fetch from mdx
18. Steps component
19. useConfig
20. Using components