# Práctica Nextra

Nextra is a framework on top of Next.js, that lets you build content focused websites. It has all the great features from Next.js, plus extra power to create Markdown-based content with ease.

# Introducción

Cree un web site con nextra siguiendo los tutoriales en la sección Nextra de estos apuntes.

# MDX

Véase el tutorial en la sección MDX de estos apuntes.

# Theme Configuration

Véase el tutorial en la sección Theme Configuration de estos apuntes.

# Introducción a los monorepos

See Introducción a los monorepos con Nextra monorepo.

You can fork my own fork of nextra and start from branch casiano https://github.com/gh-cli-for-education/nextra/tree/casiano or the original at https://github.com/shuding/nextra.

Getting to master building a monorepo is complicated, I just ask that you take a look, get familiar with the tools used in this case and give some proof that you tried to fulfill this requirement "Has forked nextra and familiarized with the concept of monorepo". The fork with some commit on a branch with your name is enough. Remember to put the link to the fork in the README.md file of the assignment.

See also pnpm workspaces

# Examples of Nextra Sites

Véase la sección Examples of Nextra Sites de estos apuntes.

# Tareas

Deberá leer e incluir en su repo ejemplos como se describen en las secciones

  • Bleed,
  • Callout,
  • Cards,
  • Code Extensions,
  • Expression Evaluation,
  • File Trees,
  • frontmatter,
  • Heroicons,
  • iframe,
  • Markdown import,
  • Mermaid y
  • Using Components (MDX)
  • useConfig

Puede apoyarse en el capítulo Learning and Playing with Nextra de los apuntes de PL.

# Despliegues

Haga un despliegue en Vercel (haga un fork del repo a su cuenta si es necesario).

Grading Rubric#

Comments#

Last Updated: 18 days ago