Full-stack проект на Next.js с использованием Next.js 15 и React 19
Dave Gray
0:00 / 0:00
Full-stack проект на Next.js с использованием Next.js 15 и React 19
130 190 просмотров · 1 год назад
Dave Gray
446 тыс. подписчиков
130 190 просмотров · 1 год назад
В этом видеоуроке вы создадите полнофункциональный проект на Next.js с использованием Next.js 15 и React 19. Наше полнофункциональное приложение будет включать Next.js, TypeScript, Tailwind CSS, ShadCN/ui, Sentry, Kinde Auth, Neon Postgres, Drizzle ORM и многое другое.
⭐ Используйте код "davegray" для получения 3 месяцев бесплатного доступа к тарифному плану Team от Sentry для новых учетных записей:
Домашняя страница Sentry: https://bit.ly/sentry-dg
Регистрация в Sentry: https://bit.ly/try-sentry-dg
Sentry Next.js: https://bit.ly/sentry-nextjs-dg
Документация Sentry Next.js: https://bit.ly/sentry-docs-dg
🔥 Neon Postgres: https://fyi.neon.tech/davegray
🔒 Kinde Auth: https://kinde.com/dgray-nextjsstack/
👉 Дорожная карта веб-разработки для начинающих (бесплатно!): https://bit.ly/DaveGrayWebDevRoadmap
💖 Поддержите меня на Patreon ➜ / davegray
🚩 Подписаться ➜ https://bit.ly/3nGHmNn
📬 Обновления курса ➜ https://courses.davegray.codes/
❓ Задавайте вопросы и обсуждайте в Discord ➜ / discord
☕ Поддержать меня на Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
🔗 Плейлист с проектами Next.js Full Stack: • Next.js Full Stack Project with Nextjs 15 ...
👇 Следите за мной в социальных сетях:
GitHub: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
🔗 Ресурсы курса: https://github.com/gitdagray/nextjs-f...
Проект полного стека Next.js с Nextjs 15 и React 19
(0:00:00) Введение
(0:01:11) Обзор технологического стека
(0:02:07) Необходимые навыки
(0:02:37) Пользовательские истории
(0:07:17) Установка Next.js 15 и React 19
(0:10:46) Установка ShadCN/ui
(0:17:24) Фоновое изображение с Tailwind
(0:19:48) Домашняя страница в виде визитной карточки
(0:27:49) Группы маршрутизации, макеты и шаблоны
(0:32:02) Страница Маршруты
(0:34:00) Заголовок и навигация
(0:48:43) Пользовательские анимации с Tailwind
(0:52:30) Светлый и темный режимы с ShadCN/ui
(1:01:45) Настройка Sentry
(1:04:31) Sentry: Альтернативная ручная настройка для Next.js 15 RC
(1:14:56) Создание файлов ошибок и global-error
(1:20:56) Оповещения и журналы Sentry
(1:22:05) Страница 404 Not Found
(1:27:12) Метаданные Next.js
📚 Ссылки на учебные материалы:
🔗 Next.js: https://nextjs.org/
🔗 ShadCN/ui: https://ui.shadcn.com/
🔗 Sentry Next.js: https://bit.ly/sentry-nextjs-dg
🔗 Tailwind CSS: https://tailwindcss.com/
🔗 TypeScript: https://www.typescriptlang.org/
🔗 Neon Postgres: https://fyi.neon.tech/davegray
🔗 Kinde Auth: https://kinde.com/dgray-nextjsstack/
Было ли вам полезно это руководство по проекту Next.js Full Stack? Если да, пожалуйста, поделитесь им. Оставьте свои комментарии.
#nextjs #fullstack #project