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.
Cree un web site con nextra siguiendo los tutorial en
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
del capítulo Learning and Playing with Nextra
de los apuntes del profesor.
Haga un despliegue en Vercel (haga un fork del repo a su cuenta si es necesario).
Rúbrica
- Contiene ejemplos de Bleed,
- Banner,
- Callout,
- Cards,
- Code Extensions,
- Expression Evaluation,
- File Trees,
- frontmatter,
- Heroicons,
- iframe,
- Markdown import,
- Mermaid,
- Using Components (MDX)
- useState
- useConfig
- useSWR
- useConfig
- Uses
@
to import components
- Uses getStaticProps to make a fetch at build time
- Uses useEffect to make a fetch at runtime
- Has a hello world on the server side using pages/api/hello.js
- Has an example of Next.js middleware usage
- Ha hecho un despliegue en Vercel
- Ha hecho un fork the nextra y se ha familiarizado con el concepto de monorepo
- Código de la práctica correcto y funciona
- Informe bien elaborado
- Kanban Board project conteniendo las incidencias de la rúbrica
- Ha entregado el .zip en el campus con el repo
Actividad
-
Aaron repo ,
Commits,
Commit Activity and
Summary
-
Alejandro repo ,
Commits,
Commit Activity and
Summary
-
Casiano repo ,
Commits,
Commit Activity and
Summary