后端框架Next.js 9.3支援更灵活的静态网站生成功能

在2019 JavaScript大调查中，表现亮眼的后端框架Next.js推出了最新版本9.3，开始支援新的静态网站生成功能，并且提供预览模式，也让用户能够绕过静态生成页面，在CMS动态显示草稿。

官方提到，通常开发者在建置网站或是网页应用程序的时候，必须选择静态网站生成（Static Site Generation，SSG）或是服务器端渲染（Server-Side Rendering，SSR）其中一种方法，而Next.js为一种混合框架，可让开发者在每个网页使用最适合的技术。

Next.js 9.0加入了自动静态最佳化方法，当页面没有getInitialProps等资料撷取需求时，便会在建置的时候自动渲染成HTML，但是官方提到，在许多情况下，即便需要阻挡资料撷取请求，开发者也会希望在建置时，把页面渲染成静态HTML，像是在无头CSM的行销页面或是网站的部落格区块。

因此官方与广大的社群讨论了限制方法，以建立新的方法来统一资料撷取和静态网站生成。现在于Next.js 9.3中，增加了新的资料撷取方法，开发者可选择让页面在建置期间撷取资料getStaticProps，以及依据每个请求撷取资料的getServerSideProps，或是透过提供参数为动态路径产生静态页面getStaticPaths。

当页面从无头CMS中撷取资料时，静态生成方法很好用，但是要在无头CMS撰写草稿，并且想要立即在页面上预览草稿时，就不那么理想了，因为输出是静态的，预览变更需要重新生成静态页面。因此现在官方在Next.js 9.3中内建了预览模式，可以让用户绕过静态生成的页面，按需渲染CMS的草稿页面。