💻 Программирование [jointakeoff] Основы Full-Stack разработки 2: Бэкенд (2025)

[Calvin Candie]

Автор: jointakeoff
Название: Основы Full-Stack разработки 2: Бэкенд (2025)

[jointakeoff] Full-Stack Fundamentals 2 - Backend (2025)



В первом проекте мы сосредоточились на фронтенде, создав персональный сайт-портфолио. Теперь мы сделаем следующий шаг в направлении full-stack разработки - создадим полноценное веб-приложение с серверной частью, способной хранить и обрабатывать данные.
Что вы создадите:
Вы разработаете Менеджер Промптов - веб-приложение для хранения, организации и управления часто используемыми ИИ-промптами. С его помощью вы сможете:

• Просматривать список сохранённых промптов
• Добавлять новые промпты с названием, описанием и содержимым
• Редактировать существующие промпты
• Удалять ненужные
• Быстро копировать промпты в буфер обмена

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

• Бэкенд - часть веб-приложения, работающая на сервере. Она обрабатывает данные, выполняет логику и взаимодействует с базой данных.
• База данных - организованное хранилище информации (в данном случае - ваших промптов).
• Full-Stack - приложение, включающее как клиентскую (интерфейс), так и серверную часть (данные, логика).

Технологический стек:
Мы будем использовать современные технологии как на фронтенде, так и на бэкенде:
Фронтенд:

• React - для создания интерфейса из компонентов
• Next.js - фреймворк, предоставляющий маршрутизацию, рендеринг и серверные действия
• Tailwind CSS - утилитарный CSS-фреймворк для быстрой стилизации
• Shadcn - качественные UI-компоненты (карточки, кнопки, диалоги)
• Framer Motion - для создания плавных анимаций

Бэкенд:

• PostgreSQL - мощная реляционная база данных с открытым исходным кодом
• Supabase - платформа для быстрого развёртывания и управления PostgreSQL в облаке
• Drizzle ORM - TypeScript-инструмент для работы с базой данных без прямого написания SQL, с поддержкой типизации

Чему вы научитесь:

• Как работает клиент-серверная модель
• Настройка облачной базы данных через Supabase
• Определение структуры таблиц с помощью Drizzle
• Проведение миграций базы данных
• Первичная инициализация базы (seeding)
• CRUD-операции (создание, чтение, обновление, удаление) через Drizzle ORM
• Реализация Next.js Server Actions для обработки данных на сервере
• Связывание интерфейса с данными из базы, включая загрузку и обновление состояния
• Полный цикл создания full-stack приложения

Материал на английском языке

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.