Myvideo

Guest

Login

Создаём и деплоим собственный FULL STACK блог | NextJs + Sanity

Uploaded By: Myvideo
1 view
0
0 votes
0

В уроке мы целиком и полностью создадим свой блог и заделоим его на vercel. Вёрстка, запросы, админка — ВСЁ!! ❤️‍🔥 ❤️ Английский YouTube: ❤️ Мой telegram: ❤️ Мой Инстаграм канал: ❤️ Финальный пример в продакшене: ❤️‍🔥 GitHub для старта: Литература: Помимо документации при подготовке к уроку, я также смотрела это видео: Ссылки используемые в уроке: 😌 date-fns: 😌 React icons: 😌 Sanity client: @sanity/client 😌 Sanity block content to react: @sanity/block-content-to-react 😌 Sanity image-url: @sanity/image-url 😌 Финальный пример в продакшене: 😌 Статья где можно почитать про Sanity 😌 Документация Sanity 😌 Build and Deploy a Modern Full Stack ECommerce React Application with Stripe 😌 Документация NextJs 00:00 Введение. 04:30 Создаём проект NextJs. 09:38 Создаём проект Sanity. 17:50 Создаём схему Post. 21:20 Заполняем схему Sanity: string, image, date, slug, text, body, array 38:10 Заполняем статьи. 45:30 Создаём группы. 47:38 Клиент: разбираем что нужно сделать. 50:27 Структура, rafce — snippets, подготовка клиента. 57:00 Разработка: создаём компоненты. 01:04:00 Клиент — обложка. 01:26:00 Клиент — вторая секция — начало. 01:29:00 Приступаем к загрузке posts: getServerSideProps. 01:32:45 Язык запросов Groq. 01:35:20 Настраиваем связь Sanity с клиентом. 01:41:00 Image Builder 01:43:00 Создаём функцию загрузки loadPosts. 01:51:30 Отображаем посты. 01:55:00 Решаем баг. 01:59:00 Отображение карточки поста. 02:06:15 Пагинация. 02:16:00 Решаем баг. 02:18:00 Открытие поста. 02:35:50 Добавляем head для мета тегов 02:37:40 Домашнее задание 02:38:34 Заливка на Github Deploy На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later