Перейти к содержимому

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