不改一行代码！快速部署 Next.js 博客到腾讯云 Serverless SSR

近期，腾讯云 Serverless 团队发布了 Serverless SSR 产品，支持将 Next.js，Nuxt.js 等框架的应用快速部署和托管，那么，今天我们就通过一个 Next.js 官方案例一起，来了解下该产品有哪些特性吧！

一、写在前面：Next.js & SSR 是什么关系？

Server-Side-Rendering（SSR）泛指服务端渲染的技术，指的是在 Server 端将 HTML 渲染好，再返回给 Client 端。并且 SSR 是在对页面每个请求发出时，都会重新抓取和生成页面（和 SSG 静态页面生成相比，是更加动态的渲染方式）。

Next.js 是一个轻量级的 React 服务端渲染应用框架。支持多种渲染方式，包括客户端渲染、静态页面生成、服务端渲染。使用 Next.js 可以方便的实现 SSR，即页面的服务端渲染。

Next.js 框架支持客户端渲染 CSR (Client Side Render)，静态页面生成 SSG（Static Site Generation）以及服务端渲染 SSR (Server Side Render)。用户可以针对不同的场景，选用不同的渲染方式。

由于 SSR 可以动态渲染页面并加载内容，因此主要有以下两个优势：

在 Next.js 框架中，SSR 的实现主要通过 getServerSideProps 方法获取内容，之后在后端调用 renderToString() 的方法，把整个页面渲染成字符串。

接下来我们可以通过实战来验证下效果。通过 Next.js 官方的博客搭建教程，可以很详细的了解到框架的使用原理，并且涉及了丰富的功能点，如下所示：

接下来，我们可以将这个博客快速部署到 Serverless SSR 平台中，由于教程前半部分主要是对 Next.js 框架的教学，本文中直接将博客仓库代码下载并部署，步骤如下。

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/basics-final"

【配置】在新建页面中，填入博客项目名称，由于我本地已有部署好的 next.js 博客及仓库，因此可以直接选择「导入已有项目」。选择对应的代码托管方式，并进行一键授权。

如果没有 Github 仓库也没关系，可以直接通过本地「文件夹上传」的方式，把第一步下载的文件夹上传并导入。

配置完成后，点击部署，在「部署日志」页面查看和等待即可。

在这个过程中，Serverless SSR 会自动执行 CI 流程，做环境的初始化，安装 Serverless CLI，对项目进行 npm run build 构建，并且自动通过 layer 层对依赖进行分离，从而提升部署速度。

至此，一行代码都没有改，我把博客无缝部署到了腾讯云 Serverless SSR 平台上托管。

最终的页面展示如下所示，一个基于 Next.js SSR 的博客页面就快速上线完成了！

立即体验腾讯云 Serverless Demo，领取 Serverless 新用户礼包 serverless/start

欢迎访问： Serverless 中文网！