新技能

Next.js学习

• next action实现原理
  • The simplest example to understand Server Actions in Next.js
  • nextjs中server action实现原理以及封装useAction优雅的调用action方法

• CSR、SSR、SSG的区别
  • Next.js: CSR vs SSR vs SSG — a Hands-On Guide

• Vercel提供的Next.js学习项目列表
  vercel.com

  https://vercel.com/guides

   

• Nextjs + Supabase学习视频
  www.youtube.com

  https://www.youtube.com/watch?v=5xu_KH8QSk4

  使用Nextjs和Supabase生成一个简单的页面。包括使用supabase进行用户认证能力、supbase DB的基础（create、update、delete）操作。

• next.js cookie：不能在page中写cookie，只能读取。

  Good to know: HTTP does not allow setting cookies after streaming starts, so you must use .set() in a Server Action or Route Handler.

  相关文章

  • https://www.propelauth.com/post/cookies-in-next-js

其他

• 英语学习工具推荐
  • https://earthworm.cuixueshe.com/
  • https://github.com/xiaolai/everyone-can-use-english?tab=readme-ov-file
  • https://qwerty.kaiyi.cool/

• 开源的流程图工具：https://excalidraw.com/
  github.com

  https://github.com/excalidraw/excalidraw

   

• 使用 smtp4dev docker搭建mock SMTP server。在测试supbase/auth的邮件功能时十分方便。整体不需要超过5分钟。昨晚研究了一晚会上那个gomail为啥调用腾讯云SMTP一直失败。换个思路就解决了。

• HelloGitHub： 分享 GitHub 上有趣、入门级的开源项目。

• httpstat：网络排障工具，类似curl，将网络访问各阶段耗时更加清晰的输出，包括DNS解析、tcp链接、TLS耗时等。