Этот курс поможет вам самостоятельно создать полноценное fullstack‑приложение на Next.js, опираясь на современные подходы, интеграцию ИИ и лучшие практики веб‑разработки. Материал подойдёт как начинающим разработчикам, так и специалистам, желающим укрепить навыки работы с React, Node.js, Typescript и Postgres.
Что представляет собой этот курс
Курс построен в формате пошагового практического мастер‑класса. Вместе с преподавателем вы создадите приложение с нуля, начиная с проектирования архитектуры и заканчивая его развертыванием на продакшн‑сервере. Особое внимание уделено интеграции инструментов искусственного интеллекта (AI), которые ускоряют процесс разработки и улучшают конечный результат.
Кому подойдёт этот мастер‑класс
Начинающим разработчикам, желающим создать своё первое серьёзное приложение
Backend‑разработчикам, которые хотят научиться работать с Next.js
Тем, кто хочет внедрить AI-инструменты в свой рабочий процесс
Чему вы научитесь
Результат прохождения курса — полноценное понимание всех этапов создания современного веб‑приложения. Вы овладеете фундаментальными навыками, которые пригодятся в реальных проектах.
Основные навыки
Планирование структуры и функциональности приложения
Создание UI на основе дизайн‑макетов
Разработка и развертывание API
Настройка CI и автоматизации процессов
Хостинг приложения и подключение пользовательского домена
Технологии, которые мы используем
Next.js — современный React‑фреймворк для fullstack‑разработки
Typescript — строгая типизация для надёжности и удобства разработки
Node.js — бэкенд в единой среде разработки
Postgres — мощная реляционная база данных
AI‑инструменты — помощь в генерировании кода, тестировании и оптимизации
Преимущества обучения в формате практического проекта
Создавая проект вместе с преподавателем, вы не просто изучаете теорию, а закрепляете все знания в реальном процессе разработки. Такой формат позволяет:
Быстрее понять архитектуру современного веб-приложения
Понять принцип работы клиентской и серверной части
Освоить DevOps-подходы и CI/CD на практике
Получить проект, который можно добавить в портфолио
Практический результат
К концу курса у вас будет опубликованное приложение на вашем домене, работающее на современном стеке технологий.
Почему важна интеграция ИИ (AI)
Инструменты искусственного интеллекта становятся стандартом в веб‑разработке. В рамках курса вы научитесь использовать AI для:
ускорения разработки и получения подсказок по коду
генерации UI‑компонентов и оптимизации функций
тестирования и улучшения качества кода
Итог
Этот курс — отличная возможность прокачать навыки fullstack‑разработки и освоить практические инструменты, которые востребованы в современной индустрии. Вы получите целостное понимание процесса создания веб-приложений и научитесь эффективно использовать ИИ в разработке.
Удален по просьбе правообладателя
Урок 1.00:08:30
Introduction
Урок 2.00:05:25
Setup App & Homepage
Урок 3.00:09:44
Homepage with Tailwind CSS & Link
Урок 4.00:16:27
Authentication with Clerk
Урок 5.00:11:48
Authentication Middleware
Урок 6.00:05:28
Understanding Webhooks
Урок 7.00:13:22
Serverless Database with PlanetScale
Урок 8.00:09:37
Setup Prisma ORM
Урок 9.00:09:39
User & JournalEntry Schemas
Урок 10.00:05:33
Analysis Schema
Урок 11.00:04:04
Database Utility Methods
Урок 12.00:20:38
Creating a New User
Урок 13.00:07:36
Creating the Journal Page
Урок 14.00:02:32
User Profile Widget
Урок 15.00:13:26
Selecting Journal Entries
Урок 16.00:13:24
New Journal Entry UI
Урок 17.00:19:34
Creating a New Entry
Урок 18.00:04:23
EntryCard Component UI
Урок 19.00:05:14
Creating the Entry Page
Урок 20.00:03:11
Revalidation
Урок 21.00:08:17
Displaying Entry Details
Урок 22.00:03:55
Journal Entry Editor
Урок 23.00:11:36
Updating Journal Entries
Урок 24.00:11:56
Autosaving Entries
Урок 25.00:10:30
Sidebar UI
Урок 26.00:06:56
LLMs & Prompts
Урок 27.00:08:26
OpenAI Setup
Урок 28.00:05:42
Creating Consistent Prompts
Урок 29.00:13:46
Structured Output with Zod
Урок 30.00:07:15
Prompt Template
Урок 31.00:06:43
Testing the Prompt Template
Урок 32.00:09:26
Saving Analysis to Database
Урок 33.00:04:07
Connecting the Sidebar UI
Урок 34.00:11:53
Adding Analysis Data to Entry
Урок 35.00:13:41
Revalidation & Client State Management
Урок 36.00:02:25
Navigation
Урок 37.00:06:46
Entry Search UI
Урок 38.00:11:04
Vector Database Overview
Урок 39.00:15:20
Similarity Searches with Vectors
Урок 40.00:13:01
Search API & Results
Урок 41.00:05:42
Computing a Sentiment Score
Урок 42.00:12:24
Adding Sentiments to Database
Урок 43.00:17:49
Charting Sentiment Values
Урок 44.00:11:29
Vitest Setup
Урок 45.00:08:27
Mocking Functions & Testing Homepage
Урок 46.00:15:10
Deploying to Vercel
Урок 47.00:08:49
Q&A
Урок 48.00:03:52
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Scott Moss
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Скотт — генеральный директор и соучредитель Superfilter AI. Он провел годы в качестве венчурного инвестора, инвестируя в стартапы в области искусственного интеллекта, создавая новые функции в качестве инженера в Netflix, а также основав и возглавив стартап по инструментам для разработки. Он дважды основатель YC и любит создавать вещи, которыми одержимы люди. В свободное от работы время Скотт любит играть в баскетбол, а также проводить время со св