Тёмный

Next js от установки до развёртывания за 70 минут - 2022 год 

htmllab
Подписаться 11 тыс.
Просмотров 2,9 тыс.
50% 1

В этом видео вы пройдёте путь от установки фреймворка Next.js до развертывания приложения на сервере Vercel. Примеры кода и фрагменты скриптов вы можете найти в туториале на оф. сайте nextjs.org/lea...
00:00:24 Установка Next.js
00:01:30 Запуск npm run dev
00:02:42 Правка страницы index.js
00:03:55 Создание доп.страниц
00:06:12 Компонент навигации Link
00:09:20 Папка public и статика
00:11:52 Компонент Head
00:13:01 Стили в Next.js
00:14:30 Компонент Layout
00:17:44 Глобальные стили
00:21:04 Изменение layout.js
00:23:01 Изменение index.js
00:23:40 Пример стилей для компонента
00:29:34 Предварительный рендеринг
00:31:18 Две формы рендеринга
00:32:52 Данные для рендеринга
00:34:15 Создание Markdown-файлов
00:34:59 Пакет gray-matter
00:36:56 Реализация getStaticProps
00:39:00 Получение внешних данных
00:39:46 Детали работы с getStaticProps
00:41:51 Динамический маршрут и getStaticPaths
00:44:03 posts.js поиск всех заметок
00:48:16 Пакеты remark и remark-html
00:51:55 Приведение в порядок [id].js
00:52:22 Форматирование даты с date-fns
00:59:51 Страница 404.js
01:01:07 API-маршруты
01:02:09 HTTP-методы
01:04:04 Развёртывание приложения
Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее: / @htmllabru

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 8   
@5555Elenka
@5555Elenka 2 года назад
Лайк Алексей. Честно просмотрела от начала и до конца видео. И оставила в закладках. Спасибо за труд. Повторю как только будет время.🙃❣
@HtmllabRu
@HtmllabRu 2 года назад
Elenka, спасибо ☺
@kapitolyp
@kapitolyp 2 года назад
Спасибо за такой качественный и информативный урок
@HtmllabRu
@HtmllabRu 2 года назад
Анатолий, 👍
@Wildlive_Watchers
@Wildlive_Watchers 2 года назад
Вы повторили first-project с официального сайта Next.JS. А что здесь поучительного ведь в документации и так все описано?
@GELIC
@GELIC 2 года назад
37:59 это нервный смешок?
@sergeydanilyuk7952
@sergeydanilyuk7952 2 года назад
Спасибо за роботу и успехов вашему каналу. Как по вашему Next достигнет популярности как React?
@HtmllabRu
@HtmllabRu 2 года назад
Sergey, спасибо! У Next.js есть шансы (2020.stateofjs.com/en-US/technologies/back-end-frameworks ), но не прогнозы делать не люблю )
Далее
React Native #1 введение 2021
18:19
荧光棒的最佳玩法UP+#short #angel #clown
00:18
PHP консоль
27:52
Просмотров 2,1 тыс.
vm2 js песочница
16:02
Просмотров 806