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. Using components
2. Making alias for the root of the project in Next.js
3. Markdown import
4. Bleed
5. Callout
6. Cards
7. Heroicons
8. iframe
9. mermaid
10. References
11. Steps component
12. Code Extensions
13. Expression Evaluation
14. File Trees
15. Accesing Theme Configuration
16. frontmatter
17. Accesing the frontmatter in a MDX
18. Functional Components Life Cycle and useEffect
19. getPagesUnderRoute
20. fetch from mdx using getStaticProps
21. SWR: Stale While Revalidating
22. useConfig
23. Authorization
24. Authorization
25. assets