Javascript 如何使Next.js执行SSR（服务器端渲染）？

为了试验Next.js，我创建了一个空的Next.js项目，并添加了一些代码来获取天气数据：

导出默认函数Home（）{
const[data，setData]=useState（null）；
useffect（（）=>{
取回（“https://api.weather.gov/gridpoints/MTR/84，105/预测）
.然后（（res）=>res.json（））
。然后（（d）=>setData（d））；
}, []);
const details=data&&data.properties.periods[0]；
返回(
创建下一个应用程序
你好，世界
{详细信息&&(
旧金山预测

温度：{details.Temperature}°{details.temperatureUnit}/{''}
{数学圆（（（细节.温度-32）*50）/9）/10}°C

{details.shortForecast}

{details.detailedForecast}

{新日期（details.startTime.toLocaleString（）}

)}
)
}

演示：
和独立页面：

我们如何发出以下命令

curl https://6tvqc.sse.codesandbox.io/

是否能够像在网页上一样显示内容？（因此应该能够有

温度
及其后的数字）。
在函数中执行数据获取

js提供了3个数据获取功能。您必须从页面中导出它们

GetStaticProps-仅在生成时执行
GetServerSideProps-将在每个请求上执行
GetStaticPaths-要获取GetStaticProps的动态路径，在导出此路径时，还必须导出GetStaticProps
您必须以一种格式返回数据，它将被注入到react组件的道具中

您还可以提供备用道具来动态呈现页面，就像您不必使每个页面都是静态的（使用GetStaticProps/Path）。只制作其中的一部分，Next.js将根据请求制作剩余部分，并将缓存它们以备下次请求。
能否在几分钟内完成
GetStaticProps
，如果可以，您能否给出一个示例？我认为仅仅为了SEO就足够了，因为GetStaticProps是SEO的最佳选择，它会在构建时吐出html页面。当您运行npm时，请运行build。你最好把它卷起来。它不适用于您必须首先构建的开发，然后您可以从任何CDN（无需服务器）提供服务！就像这里提到的，它将从您的react组件生成html和JSON文件，您所说的
GetStaticProps
可以在几分钟内完成是什么意思？比如，我们可以在一些地方添加几行代码，并且它已经可以工作了。。。但是，服务器如何知道是提供React页面还是提供生成的内容呢？它可能是通过浏览器类型/spider crawler
用户代理实现的，不是吗