Чему вы научитесь
Используйте новейшие функции 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
Используйте новейшие функции 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
Скрытое содержимое могут видеть только пользователи групп(ы): VIP