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

[Gatsby]

Основы Full-Stack разработки 2: Бэкенд

Full-Stack Fundamentals 2 - Backend

jointakeoff



В первом проекте мы сосредоточились на фронтенде, создав персональный сайт-портфолио. Теперь мы сделаем следующий шаг в направлении 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 приложения
  

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

Продажник:

Скачать:

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