Главная страницаКатегория react.jsFrontend Serverless с React и GraphQL, v2

Frontend Serverless с React и GraphQL, v2

Name: Frontend Serverless с React и GraphQL, v2
Rating: 4.3 (29 reviews)

Frontend Serverless with React and GraphQL, v2

codemochi.com

★4.3 (всего оценок - 29)

Продолжительность

8 ч 35 мин

Категория

React.js

Количество уроков

46 Видео

Дата добавления

24 мар. 2020 г., 20:33

Язык

Английский

Дата обновления

29 апр. 2026 г., 07:11

Frontend Serverless с React и GraphQL, v2 — это практический курс, который поможет вам создавать строго типизированные, быстрые и масштабируемые приложения без лишней сложности. Вы узнаете, как ускорить разработку, улучшить качество кода и сосредоточиться на функциональности, важной для ваших пользователей.

О курсе

Современная разработка на React требует работы с UI, адаптивностью, управлением данными, авторизацией, SEO и масштабируемым деплоем. Курс демонстрирует, как использовать современные инструменты — GraphQL, Apollo, GraphCMS, Next.js, Auth0 и другие — чтобы упростить эти задачи и построить надежное приложение с минимальным количеством шаблонного кода.

Преимущества курса

GraphQL и строгая типизация

Вы изучите, как описывать данные декларативно и получать строго типизированные схемы без ручного написания моделей. Это повышает надежность и избавляет от ошибок в процессе разработки.

GraphQL Code Generator

Автоматическое создание тайпингов и моделей данных одной командой, что делает проект поддерживаемым и масштабируемым.

Apollo Hooks

Научитесь выполнять запросы, управлять состоянием данных, кэшированием и мутациями с помощью удобных React-хуков.

GraphCMS

Использование headless CMS как готового backend‑решения для хранения данных, изображений и контента.

Next.js и SEO

Вы освоите серверный рендеринг, оптимизацию скорости, динамические страницы и грамотную SEO‑настройку сайта.

Auth0

Реализуете авторизацию и управление пользователями без самостоятельной настройки сложных систем аутентификации.

Typescript

Устраните ошибки типов и улучшите стабильность проекта благодаря статическому анализу и строгой типизации.

Что вы создадите в рамках курса

В качестве итогового проекта вы разработаете приложение для обмена рецептами Next Chop, используя полный стек инструментов и лучших практик.

Функциональность проекта

Создание базового проекта на Next.js с поддержкой Typescript
Подключение Styled Components и Ant Design
Разработка шаблонов Layout, Header и Footer
Интеграция Apollo GraphQL и GraphCMS
Добавление GraphQL Code Generator для автогенерации типов
Создание списка рецептов и пользовательских уведомлений
Настройка авторизации через Auth0
Реализация кнопки «Мне нравится» и страницы избранного
Создание и редактирование рецептов
Добавление подтверждения удаления рецепта
Защита backend через GraphQL Proxy
Автоматизированное серверлесс‑развертывание через Zeit Now

Почему этот курс полезен

Он поможет вам перейти от фрагментарного написания frontend‑кода к построению стабильной, современной и масштабируемой архитектуры. Вы освоите инструменты, которые используют профессиональные команды и продуктовые компании.

Итог

Frontend Serverless с React и GraphQL, v2 — это продвинутый, практический и ориентированный на результат курс для разработчиков, стремящихся работать быстрее, писать чище и создавать современные приложения end‑to‑end.

Урок 1.00:02:48
0. Getting Started
Урок 2.00:10:19
1. Create the Next.js base
Урок 3.00:08:02
2. Add Styled Components
Урок 4.00:04:06
3. Add Ant Design
Урок 5.00:11:17
4. Add main layout
Урок 6.00:04:27
5. Add global style
Урок 7.00:09:29
6. Add MainHead component
Урок 8.00:01:56
7. Add Layout
Урок 9.00:03:05
8. Add MainFooter
Урок 10.00:14:36
9. Add MainNavbar
Урок 11.00:14:19
10. Add GraphCMS backend
Урок 12.00:10:20
11. Add WithApollo
Урок 13.00:02:08
12. Add GraphQL request files
Урок 14.00:04:53
13. Add GraphQLCodeGen type generation
Урок 15.00:12:56
14. Add the RecipeList Component
Урок 16.00:10:37
15. Add loading, error, warning alerts
Урок 17.00:26:35
16. Add RecipeListItem component
Урок 18.00:13:40
17. Add Recipe page
Урок 19.00:29:03
18. Add OneRecipe component
Урок 20.00:07:21
19. Deploy using Vercel
Урок 21.00:13:16
20. Add Auth0 library
Урок 22.00:05:24
21. Add Auth0 Api Functions
Урок 23.00:02:48
22. Add useFetchUser Hook
Урок 24.00:13:19
23. Add Login / Logout to the Navbar
Урок 25.00:12:34
24. Add a MyRecipes Page
Урок 26.00:21:33
25. Add a Like Button
Урок 27.00:07:02
26. Add a Favorites Page
Урок 28.00:04:09
27. Add a Create Recipe Page
Урок 29.00:07:00
28. Add a Create Recipe Form
Урок 30.00:09:20
29. Add a Form Input
Урок 31.00:03:45
30. Add a Form TextInput
Урок 32.00:28:46
31. Add Form Ingredient
Урок 33.00:13:38
32. Add Dropdown Input
Урок 34.00:05:27
33. Controlled vs. Uncontrolled Components
Урок 35.00:09:20
34. Add a Delete Ingredient Button
Урок 36.00:11:29
35. Add a Form Submit Mutation
Урок 37.00:03:02
36. Add Update Recipe Page
Урок 38.00:00:04
37. Add Update Recipe Form
Урок 39.00:17:05
38. Add Update Recipe Mutation
Урок 40.00:12:33
39. Add Delete Recipe Button
Урок 41.00:16:07
40. Add GraphQL Proxy
Урок 42.00:06:46
41. Lock down the GraphCMS Api
Урок 43.00:06:27
42. Add Banned Mutation Check
Урок 44.00:11:55
43. Add Verify User Check
Урок 45.00:17:47
44. Add Verify User Permissions Check
Урок 46.00:53:13
45. Add Picture Uploader

https://github.com/CaptainChemist/next-chop

https://github.com/CaptainChemist/next-chop-v2

Автор - codemochi.com

codemochi.com

Привет, я Стивен! Развертывание веб-сайта React с полным стеком должно быть простым делом, но я обнаружил, что часто все это может превратиться в кошмар, пытаясь правильно настроить все серверы, базы данных и конфигурации, чтобы все работало. Code Mochi облегчит эту задачу с помощью видео и кода, которые используют лучшие методы для построения и структурирования вашего приложения, чтобы развертывания были автоматизированы и протестированы с самог

Комментарии

sativo
6 апр. 2023 г., 18:38
This has nothing to do with serverless. At least not how you might be thinking...
a77icuz
25 нояб. 2021 г., 04:26
Admin, video "38 37. Add update recipe form" is incomplete, it lasts only 4 seconds.
ron
29 сент. 2021 г., 03:15
pls update
Rivaldo Riva
13 авг. 2020 г., 18:20
please admin update
gemcave
4 авг. 2020 г., 19:41
Автор обновил курса до второй версии