DEV Community
·
如何在Next.js应用中从Contentful获取和展示博客文章
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
本文介绍了如何在Next.js应用中使用服务器端渲染（SSR）从Contentful CMS获取和展示博客文章。通过设置Contentful并创建文章类型，用户可以在/pages/articles/index.js页面展示文章标题和发布日期。SSR相较于客户端渲染（CSR）具有更好的安全性和SEO效果，文章还指导用户创建动态路由以显示单个文章页面。
🎯
关键要点
- 介绍如何在Next.js应用中使用服务器端渲染（SSR）从Contentful CMS获取和展示博客文章。
- 设置Contentful并创建文章类型，以便在/pages/articles/index.js页面展示文章标题和发布日期。
- SSR相较于客户端渲染（CSR）具有更好的安全性和SEO效果。
- 通过Contentful提供的端点获取文章数据，并在页面上渲染。
- 使用SSR时，数据获取在服务器端进行，只有请求的数据发送到客户端。
- getServerSideProps函数用于在服务器端获取文章，减少发送到客户端的数据量。
- 格式化日期为DD/MM/YYYY格式，确保客户端接收到正确格式的日期。
- 展示获取的文章列表，包括标题和发布日期。
- 下一步是为单个文章创建动态页面，使用Contentful的slug字段设置动态路由。
🏷️
标签
➡️
