Desarrollo y Mantenimiento de Sistemas Informáticos

4º. 1er cuatrimestre. Itinerario de Sistemas de la Información. Grado en Ingeniería Informática. ULL

---

GH Org   - GH Template Org   - GitHub Classroom   - Discussions   - Teams   - Campus ULL   - Students Activity   - Chat   - Google Meet

Clase del Lunes 2024/12/02

Extra requirements for labs

• Add examples of useRef for the lab nextauth
• Add an example of serverSideProps fetching data in Nextra
• Add an example of pagination

Prácticas

• Introduction to Next.js with v0

• Introduction to Nextra
• NextAuth.js

Temas

• Server Side Nextra
• Useref in React
• Nextra
• Functional Components Life Cycle and the useEffect Hook (PL notes)
• Introduction to React (useState, useEffect)
• getStaticProps (PL notes)
• Reading Getting Started with NextAuth.js
• PL Notes: Auth.js tutorial for Nextra and Next.js with GitHub
• Web Development with Next.js
• Nextra as an example of a monorepo
• Stale While Revalidate (SWR)
• Claude AI
• v0.dev

Repositorios de los estudiantes

• nextjs-intro.
• nextra.

Rúbricas

Nextjs-intro

Nextra

• 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