carlosazaustre / website Goto Github PK

Web Performance Issues

Lista de acciones para mejorar la UX mediante la Web Performance que @nucliweb está haciendo en los directos en Twitch y posteriormente disponibles en YouTube

General

• Monitorizar la Web Performance con DebugBear
• Actualizar a la última versión de Next.js
• Añadir Lighthouse CI con GitHub Actions para monitorizar la Web Performance en cada Pull Request
• Definir un Performance Budget
• Optimizar la gestión de third-party para minimizar su impacto en la UX

Home

• Reducir el tamaño de la imagen hero de la home (CSS background image)
• Precargar la imagen que afecta al LCP, en Desktop, ya que en mobile el LCP es un elemento <h3>.
• Eliminar del CSS que no se está utilizando en la página actual
• Reducir el CLS

Workspaces

• Optimizar las imágenes
• Precargar la imagen que afecta al LCP, en Desktop, ya que en mobile el LCP es un elemento <p>.
• Utilizar el componente next/image
• Corregir CLS, (texto comentarios)

Description

Padding error in last blog post in responsive mode

Play

1-https://carlosazaustre.es/workspace
2-Active Responsive Mode or see from the mobile

Screenshots

Context

The problem is only in this post

To embed iframes from Instagram Post on MDX Files

• BuyMeACoffee
• Github Sponsors
• Twitch Subs
• YouTube Member

• Use Github actions to pull the last video on Youtube to show in this page. (check some README profiles examples)

Tasks

• Layout
• Actions to pull videos

Change the layout and links on footer section:

• Copyright + Social Links
• Courses Section
• About Me Section
• Services Section

UPDATE:
Read about this: https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-images

Read this: https://www.learnwithjason.dev/blog/auto-generate-social-image/

https://www.learnwithjason.dev/blog/design-social-sharing-card/
https://www.npmjs.com/package/@jlengstorf/get-share-image

• Setup
• Software
• Themes,
  ...

大佬，你好，我是@abbykimi，我IDE运行您这个项目的时候，提示有几个漏洞，项目调用了pac-resolver等536个开源组件，存在10个安全漏洞，建议你升级下。

漏洞标题：pac-resolver 安全漏洞
漏洞编号：CVE-2021-23406
漏洞描述：
pac-resolver是一个从PAC 文件生成异步解析器函数。
pac-resolver 5.0.0之前版本存在安全漏洞，该漏洞源于应用不安全的 PAC 文件处理，当与不受信任的输入一起使用时可能会发生这种情况。
影响范围：(∞, 5.0.0)
最小修复版本：5.0.0
引入路径：
[email protected]>[email protected]>[email protected]>[email protected]>[email protected]

另外9个漏洞,如需查看详细报告、复测或持续监测您的项目，戳这里https://www.mfsec.cn/jr?p=m70aa7

如果你对这个issues有任何疑问可以回复我哈( @abbykimi )，我会及时回复你的。

Describe el bug

Le puse un top demasiado bajo por lo que en algunas pantallas (especialmente en móviles) el componente aparece desde el principio.

Screenshots

Solo es cuestión de cambiar el top de 50rem a uno menor (por ejemplo 20rem o a pixeles) me parece demasiado hacer una pull request de eso jajaja

Check the visitor country, throught IP address to show Amazon Link properly

https://github.com/wityan/next-js-boilerplate

And Social Graph Markers

• useRef
• useLayoutEffect