Lunes 2024/12/16 semana A (Suspendida)

Anuncio

La actividad académica ha sido suspendida

Ante la situación de alerta máxima por viento que ha originado que se suspenda toda la actividad académica y extra académica para mañana lunes en la Universidad de La Laguna, la última clase del cuatrimestre, la del lunes 16 de diciembre queda suspendida.

Les animo a que lean el material de esta clase e incorporen en la práctica NextAuth los ejemplos que se proponen en esta lección.

Agradecimiento y despedida

Muchas gracias por este trimestre. He disfrutado mucho compartiendo el proceso de aprendizaje con ustedes. Seguimos en contacto via GH, incidencias, el campus virtual y el correo electrónico.

Estado de las entregas

• Informe del calificador (opens new window)

Deploying to Vercel from an organization for free using GitHub actions

• Next.js: Deploying to vercel with GitHub Actions

Labs que veremos en clase

• nextra.
  • Repos ↗.
  • Rubric
• nextauth.
  • Rubric

Extra requirements for labs

• Add examples of useRef for the lab nextauth
• Add an example of serverSideProps fetching data
• Add an example of pagination
• Add an example of dynamic markdown page
• Add a live component
• Add an example of passing information to getStaticProps
• Deployment to Vercel if possible using the GitHub Actions
• Mention in your report the meaning of the information provided by next build
• Build your own mdx /posts and give them an style compatible with nextra

Temas que veremos en clase

Veremos los siguientes temas:

1. Dynamically read and process a MDX File
2. Live Components
3. Building the site
4. Next.js: Deploying to vercel with GitHub Actions
5. Passing Information to getStaticProps
6. Incremental Static Regeneration
7. The app directory vs. the pages directory
8. Building a Protected Dynamic mdx page with Nextra at Client Side Rendering Time
9. Dynamic MDX with Nextra
10. Server Side Nextra: getServerSideProps
11. Useref in React
12. Nextra
13. Functional Components Life Cycle and the useEffect Hook (PL notes)↗
14. Introduction to React (useState, useEffect)
15. getStaticProps at PL notes↗
16. PL Notes: Auth.js tutorial for Nextra and Next.js with GitHub↗
17. Web Development with Next.js
18. Nextra as an example of a monorepo
19. Stale While Revalidate (SWR)