Программирование [Udemy] Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel) (2020)

[Admin]

Чему вы научитесь

• Используйте новейшие функции 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

Скачать:

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

***Скрытое содержимое***