|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-with-sanity-cms-serverless-blog-app-w-vercel/
课程评论：没有评论
课程名称：Next. JS与Sanity CMS - 无服务器博客应用（使用Vercel） 课程概述： 本课程将介绍Sanity和Next.js这两个强大工具的使用。Sanity是一个结构化内容的平台，允许用户通过API管理文本、图像以及其他媒体。借助开源的单页应用程序Sanity Studio，用户能够快速自定义编辑环境。 Next.js是一个基于React的框架，提供了简便的开发体验，专门用于服务器端渲染(SSR)应用。课程将涵盖Next.js直观的基于页面的路由系统及其对静态生成(SSG)和服务器端渲染(SSR)的支持。 主要项目： 课程将从一个已经准备好的应用程序布局开始，遵循React和Next.js的最新开发实践，尽可能多地利用React的钩子函数。我们将创建初始布局和页面，并在Sanity Studio中准备实际数据，包括博客和作者的文档，详细指定各种字段，例如“代码块”和“图像”。 随后，课程将讲解如何在应用页面上显示博客，处理图像并为代码块应用样式。在课程后期，您将学习如何对应用视图应用不同的过滤选项、分页项目和数据排序。我们将使用提供者和消费者的概念来控制应用的明暗主题。 此外，还将讨论预览功能，使用户能够在内容正式发布前查看草稿博客数据。课程的最后，我们将把应用部署到Vercel平台，实现静态优化，使其运行更快。 感谢您的时间，期待在课程中见到您！
What is Sanity? Sanity is the platform for structured content. With Sanity, you can manage your text, images, and other media with APIs. You can also use the open-source single-page application Sanity Studio to set up an editing environment that you can customize quickly. With Sanity, you have access to many APIs, libraries, and tools that helps you leverage the benefits of having all your content available as a single source of truth. This article will quickly walk you through some central concepts, giving you a head start.What is Next JS?Next, JS is React framework that provides infrastructure and simple development experience for server-side rendered(SSR) applications.An intuitive page-based routing system (with support for dynamic routes)Pre-rendering, both static generation (SSG) and server-side rendering (SSR) are supported on a per-page basisAbout the main projectWe will start with integrating an immaculate application layout I have prepared for you. We will follow the latest practices of React and Next JS. This means we will utilize hook functions as much as possible.After the initial layout and pages are created, we will start preparing actual data in Sanity Studio. I will explain to you the basics of Sanity, and we will prepare two types of documents - Blogs and Authors.We will specify various fields describing our data, for example, "Code Blocks," "Images," and many others.After data is fetched, we will display blogs on our application pages. You will learn how to process images and apply stylings to code blocks.Later in the course, you will learn how to apply different filtering options to the application view, paginate items, and manage to sort the data. You will learn how to use the provider and consumer/concept, which we will use to control our application's light and dark theme.Next, we will talk about the Preview feature. The preview feature will allow it to display draft blog data before they are published into production.We will deploy our application into the Vercel platform at the end of the course. The application will be statically optimized and super fast.Thank you for your time, and I hope to see you in the course.
