[Udemy] Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel) (2020)
Чему вы научитесь
Что такое здравомыслие?
Sanity - это платформа для структурированного контента. С Sanity вы можете управлять своим текстом, изображениями и другими медиафайлами с помощью API. Вы также можете использовать одностраничное приложение с открытым исходным кодом Sanity Studio, чтобы быстро настроить среду редактирования, которую вы можете настроить. С Sanity у вас есть доступ к множеству API-интерфейсов, библиотек и инструментов, которые помогут вам использовать преимущества доступности всего вашего контента как единого источника правды. В этой статье вы быстро ознакомитесь с некоторыми основными концепциями, что даст вам фору.
Что такое Next JS?
Next JS - это фреймворк React, который обеспечивает инфраструктуру и простой опыт разработки для приложения, отображаемого на стороне сервера (SSR).
Мы начнем с интеграции очень чистого макета приложения, который я подготовил для вас. Мы будем следовать последним практикам React и Next JS, это означает, что мы будем максимально использовать функции хуков.
После того, как первоначальный макет и страницы будут созданы, мы начнем подготовку фактических данных в Sanity Studio. Я объясню вам основы здравомыслия, и мы подготовим два типа документов - блоги и авторы.
Мы укажем различные поля, описывающие наши данные, например, «Блоки кода», «Изображения» и многие другие.
После получения данных мы будем готовы отображать блоги на страницах нашего приложения. Вы узнаете, как обрабатывать изображения и как применять стили к блокам кода.
Позже в курсе вы узнаете, как применять различные параметры фильтрации к представлению приложения, как разбивать элементы на страницы и как управлять сортировкой данных. Вы узнаете, как использовать поставщика и потребителя / концепцию, которые мы будем использовать для управления светлой и темной темой нашего приложения.
Далее мы поговорим о функции предварительного просмотра. Функция предварительного просмотра позволит отображать черновые данные блога до их публикации в производстве.
В конце курса мы развернем наше приложение на платформе Vercel. Приложение будет статически оптимизировано и очень быстро.
Спасибо за ваше время и надеюсь увидеть вас на курсе.
Для кого этот курс:
СКАЧАТЬ
Чему вы научитесь
- Используйте новейшие функции Next / React (getStaticProps, getStaticPaths, getServerSideProps) Создавайте статически сгенерированные веб-приложения Развертывайте бессерверные приложения! Интегрируйте Sanity CMS
- Требуются основы программирования и JS! Базовые знания React JS
Что такое здравомыслие?
Sanity - это платформа для структурированного контента. С Sanity вы можете управлять своим текстом, изображениями и другими медиафайлами с помощью API. Вы также можете использовать одностраничное приложение с открытым исходным кодом Sanity Studio, чтобы быстро настроить среду редактирования, которую вы можете настроить. С Sanity у вас есть доступ к множеству API-интерфейсов, библиотек и инструментов, которые помогут вам использовать преимущества доступности всего вашего контента как единого источника правды. В этой статье вы быстро ознакомитесь с некоторыми основными концепциями, что даст вам фору.
Что такое Next JS?
Next JS - это фреймворк React, который обеспечивает инфраструктуру и простой опыт разработки для приложения, отображаемого на стороне сервера (SSR).
- Интуитивно понятная система маршрутизации на основе страниц (с поддержкой динамических маршрутов) Предварительный рендеринг, статическая генерация (SSG) и рендеринг на стороне сервера (SSR) поддерживаются для каждой страницы.
Мы начнем с интеграции очень чистого макета приложения, который я подготовил для вас. Мы будем следовать последним практикам React и Next JS, это означает, что мы будем максимально использовать функции хуков.
После того, как первоначальный макет и страницы будут созданы, мы начнем подготовку фактических данных в Sanity Studio. Я объясню вам основы здравомыслия, и мы подготовим два типа документов - блоги и авторы.
Мы укажем различные поля, описывающие наши данные, например, «Блоки кода», «Изображения» и многие другие.
После получения данных мы будем готовы отображать блоги на страницах нашего приложения. Вы узнаете, как обрабатывать изображения и как применять стили к блокам кода.
Позже в курсе вы узнаете, как применять различные параметры фильтрации к представлению приложения, как разбивать элементы на страницы и как управлять сортировкой данных. Вы узнаете, как использовать поставщика и потребителя / концепцию, которые мы будем использовать для управления светлой и темной темой нашего приложения.
Далее мы поговорим о функции предварительного просмотра. Функция предварительного просмотра позволит отображать черновые данные блога до их публикации в производстве.
В конце курса мы развернем наше приложение на платформе Vercel. Приложение будет статически оптимизировано и очень быстро.
Спасибо за ваше время и надеюсь увидеть вас на курсе.
Для кого этот курс:
- Начинающим разработчикам, желающим изучить Next JS / React с Sanity CMS Опытные разработчики, желающие изучить новые возможности Next JS Разработчики, ищущие простой способ интеграции и развертывания собственной CMS
СКАЧАТЬ
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
