这里插一句，Next.js 的 ssr 和 server component 的区别：两者都是正在 server 端就将数据放正在 react 组件内中，不过 ssr 会进一步天生一共 HTML 页面，这有利于 SEO，而 sever component 是将组件直接返回给浏览器来衬着，不影响其他的 client component，ssr 的所长是有利于 SEO，不过也有舛错，它不行维护原有客户端的形态，是以 server component 带来的增加即是能够将页面内中数据乞求比力重的组件改成 server component，放正在任事端去装载数据，这些 server component 会被异步获取，不影响页面其他组件的衬着，也不会让客户端页面像 ssr 页面而落空形态。说到这里server component 是有点像 code splitting 的观点吧，不外区别依然很大的，固然都是页面内的分块衬着，不过 server component 是带着数据的，而 code splitting 的 js 只是空的代码云尔，数据获取还需求代码解析到客户端后再向任事端拉一次数据。

　　vercel 是个好东西。这篇作品将先容 vercel 的应用，并测验注解和理清背后的少少观点，以及涉及到的后台。看看 vercel CEO 为什么说，make the web fast

　　serverless 是云算计的一种，区别于 Iaas、Paas，应用 serverless 只需闭压服务的交易逻辑，不需求存眷机算资源的更动、弹性伸缩、负载平衡、运维等公司动态，这些都是云算计供应商做的事宜。这闪开发者能够轻易迅速且尽大概低本钱的开拓和陈设。

　　server component 和 Next.js 的联合是不是和 Rich Harris 的 transitional app 要处分的题目很像？反正这些人集中正在沿道，能够说对付前端开拓来说是很~~很纠结的~~（兴奋）的，此中我感触比力新鲜的几个功用即是：

　　对付少少比力私密的任事装备参数，好比数据库暗码、第三方平台授权 token，需求用境遇变量的方法注入到 serverless function，

　　serverless function 即是一个单体函数，当用户的乞求到来的光阴会触发云任事为它分派一个容器运转，然后用完即毁，不会保存形态，下一次运转大概又是正在一个新的容器内中。好比数据库的维系是不经久的，这需求借助维系池（connection pooling）来杀青数据库维系的复用。

　　其他的应用局限：開拓者只可一天之內陳設 100 次，突出需求比及24消亡之後（不是第二天） ，更衆的局限請看這裏

　　這是 vercel 自稱能夠殺青讓訪客的拜候誘導到離訪客迩來的任事的觀點，原本該當和 CDN 差不衆，是借助于自家的 Next.js 殺青的。只不外 CDN 只可分發靜態實質，不過欺騙 Edge function，可认为用户就近分策动态实质。