fireship.io
Fireship.io - это экосистема подробных и практических ресурсов для разработчиков, которые хотят создавать и поставлять высококачественные приложения.
Продолжительность
2 ч 38 мин
Категория
FirebaseКоличество уроков
33 Видео
Дата добавления
9 февр. 2021 г., 23:30
Язык
Английский
Дата выхода
1 янв. 2021 г., 01:00
Дата обновления
29 апр. 2026 г., 09:24
Next.js Firebase – Полный курс поможет вам разобраться в создании современных высокопроизводительных веб‑приложений. В этом материале мы подробно рассмотрим ключевые возможности курса, его пользу для разработчиков и навыки, которые вы сможете освоить.
Что представляет собой курс по Next.js и Firebase
Курс охватывает работу с Next.js и Firebase — двумя мощными инструментами для разработки веб‑приложений с рендерингом на стороне сервера и данными в реальном времени. Вы создадите платформу социальных блогов по аналогии с Medium или DEV.to, где пользователи могут публиковать статьи, а читатели — взаимодействовать с ними в реальном времени.
Кому подойдет этот курс
- Разработчикам, знакомым с React и стремящимся освоить Next.js глубже.
- Тем, кто хочет использовать Firebase для построения отзывчивого и масштабируемого бэкенда.
- Начинающим full‑stack разработчикам.
- Тем, кто хочет улучшить навыки SEO‑оптимизации и серверного рендеринга.
Основные возможности, которые вы изучите
Курс включает в себя широкий набор практик и инструментов, которые актуальны для современных веб‑проектов.
Пользовательские имена и управление учетными записями
Вы научитесь реализовывать уникальные имена пользователей внутри Firebase, обрабатывать регистрацию и авторизацию, а также обеспечивать безопасность данных.
Контент, оптимизированный для SEO
Рендеринг на стороне сервера (SSR) и статическая генерация (SSG) позволят создавать страницы, дружелюбные к поисковым системам.
Что вы освоите в SEO‑части:
- Создание SEO‑дружественных URL.
- Добавление метаданных и структурированных данных.
- Оптимизация рендеринга с ISR, SSG и SSR.
Реальное время и Firestore
Firebase Firestore позволяет синхронизировать данные в реальном времени. В курсе вы научитесь выполнять операции CRUD и структурировать данные так, чтобы приложение было быстрым и масштабируемым.
Работа с формами и загружаемыми файлами
- Валидация и управление состоянием через react-hook-form.
- Загрузка изображений и оптимизация медиафайлов.
Интерактивность: лайки и обновления в реальном времени
Вы создадите систему лайков, обновляющихся без перезагрузки страницы, что улучшает взаимодействие с контентом и пользовательский опыт.
Безопасность и развертывание готового проекта
В заключительной части курса вы научитесь защищать свои данные, правильно настраивать Firebase Rules и разворачивать готовый проект на продакшн.
Что включает раздел по развертыванию
- Подготовка приложения к продакшену.
- Оптимизация производительности.
- Деплой на Vercel или другие платформы.
Почему этот курс стоит пройти
Курс объединяет сразу несколько ключевых технологий, необходимых современному разработчику. Он дает практический опыт, который можно применить как в коммерческих проектах, так и в собственных приложениях.
Преимущества обучения
- Реальный проект, который можно добавить в портфолио.
- Глубокое понимание принципов Next.js и Firebase.
- Возможность освоить лучшие практики SEO и SSR.
- Комплексный подход: от UI до базы данных и продакшена.
Если вы хотите стать уверенным full‑stack разработчиком на базе Next.js и Firebase, этот курс станет отличным шагом вперёд.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:121 README
- Урок 2. 00:13:152 React Basics
- Урок 3. 00:25:233 Firebase Basics
- Урок 4. 00:11:524 Next.js Basics
- Урок 5. 00:04:475 Technical Overview
- Урок 6. 00:05:416 Next.js Setup
- Урок 7. 00:02:087 TypeScript
- Урок 8. 00:05:098 Firebase Setup
- Урок 9. 00:04:559 Routing
- Урок 10. 00:01:3110 Loader
- Урок 11. 00:03:2411 Navbar
- Урок 12. 00:01:2312 Toast
- Урок 13. 00:02:0913 Auth Intro
- Урок 14. 00:02:5214 Google SignIn
- Урок 15. 00:03:0915 Auth Context
- Урок 16. 00:03:5716 Auth Hook
- Урок 17. 00:07:0317 Custom Usernames
- Урок 18. 00:04:2818 SSR & SEO in Next
- Урок 19. 00:01:4219 Data Model
- Урок 20. 00:05:4320 SSR User Profile Page
- Урок 21. 00:03:4021 SSR + Paginated Home Page Feed
- Урок 22. 00:03:5422 ISR Incremental Static Regeneration
- Урок 23. 00:02:3123 Realtime Data Hydration
- Урок 24. 00:01:1724 Custom 404 Page
- Урок 25. 00:02:0025 Metatags for SEO
- Урок 26. 00:01:5226 Admin Pages
- Урок 27. 00:05:2027 Create Data with Firestore
- Урок 28. 00:05:3428 Post Editing Form
- Урок 29. 00:02:0229 Form Validation
- Урок 30. 00:04:5630 Image Uploads
- Урок 31. 00:03:5631 Hearts, Likes, Claps
- Урок 32. 00:06:3032 Backend Security
- Урок 33. 00:01:5833 Vercel Deployment
Автор - fireship.io
Комментарии
Updated Oct 27th, 2021
so many mistakes in voiceover and video
package.json
{
// ...
"dependencies": {
"firebase": "^8.2.1",
"lodash.debounce": "^4.0.8",
"lodash.kebabcase": "^4.1.1",
"next": "10.0.4",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-firebase-hooks": "^2.2.0",
"react-hook-form": "^6.14.2",
"react-hot-toast": "^1.0.2",
"react-markdown": "^5.0.3"
}
}