Курс на Stepik
Обложка курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» на Stepik
3 890 ₽

Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок ★ 5.000

Открыть на
STEPIK.ORG

Научитесь создавать полный стек-приложение для управления ссылками с помощью Vue 3, Pinia и Supabase. В курсе разберём всё от аутентификации до работы с базой данных, фильтрации и деплоя. Максимальный акцент на практике — кодим вместе, разбираем ошибки и улучшаем проект шаг за шагом.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Учеников на курсе 58
Сертификаты, выданные на курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Сертификатов выдано 12
Отзывы о курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Отзывов получено 8
Рейтинг курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Рейтинг курса 5.000
Уроки в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Количество уроков 56
Тесты в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Количество квизов 11
Время прохождения курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Время прохождения курса —
Стоимость курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Стоимость курса 3 890 ₽ —
Обновления курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Обновления курса — —
Дата публикации курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Дата публикации курса — ———
Последнее обновление курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок»Последнее обновление — ———
Сложность normal — ———

Содержание курса

Разделы в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 9 разделов Уроки в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 56 уроков Тесты в курсе «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 11 тестов Время прохождения курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» 6 ч. Последнее обновление курса «Проект на Vue 3 + Pinia + Supabase: Разработка менеджера ссылок» обн. 28 июля 2026

Введение

7 уроков
1. О чем курс? ↗
2. О проекте ↗
3. Установка проекта ↗
4. Структура папок ↗
5. Стартовый разбор проекта ↗
6. Установка PrimeVue ↗
7. Установка Tailwind ↗

Регистрация и вход пользователя, валидация

18 уроков
1. Создание табов и страницы авторизации ↗
2. Создание формы входа ↗
3. Создание формы регистрации ↗
4. Создание формы восстановление пароля ↗
5. Подключение валидации ↗
6. Подключение компонента уведомлений ↗
7. Установка Supabase ↗
8. Подключение Supabase к регистрации ↗
9. Создание composable для компонента Toast ↗
10. Использование Composable подхода для авторизации ↗
11. Создание таблицы пользователей в Supabase ↗
12. Хранение данных пользователя в базе данных ↗
13. Подключение Supabase к логину ↗
14. Подключение Supabase к восстановлению пароля ↗
15. Создание страницы для ввода нового пароля ↗
16. Добавление логики на страницу ввода нового пароля ↗
17. Настройка GitHub для входа ↗
18. Кнопка входа через GitHub ↗

Защита роутов

5 уроков
1. Верстка шапки ↗
2. Получение информации о юзере в шапке (Pinia) ↗
3. Защита роутов ↗
4. Работа с access токенами ↗
5. Реализация выхода из приложения ↗

Категории ссылок

7 уроков
1. Верстка модального окна c категориями ↗
2. Создание таблицы для категорий в Supabase и установка правил ↗
3. Добавление категории в таблицу Supabase ↗
4. Отображение категорий сразу после их добавления в Supabase ↗
5. Получение всего списка категорий в модальном окне ↗
6. Добавление компонента скелетона ↗
7. Удаление категории ↗

Добавление ссылок

5 уроков
1. Верстка модального окна создания ссылки ↗
2. Валидация полей ввода ↗
3. Создание таблиц и правил в Supabase ↗
4. Получение категорий из Supabase в модальном окне ↗
5. Добавление ссылки в базу данных ↗

Работа со ссылками

9 уроков
1. Получение списка ссылок ↗
2. Создание компонента ссылок и вывод ссылок ↗
3. Доработка компонента ссылок ↗
4. Копирование ссылки ↗
5. Доработка компонента Toast в мобильной версии ↗
6. Добавление в избранное ↗
7. Удаление ссылки ↗
8. Счетчик кликов по ссылке ↗
9. Редактирование ссылки ↗

Фильтры и пагинация

3 урока
1. Фильтрация по избранным ссылкам ↗
2. Сортировка по популярности ↗
3. Пагинация ↗

Завершение проекта

1 урок
1. Финал ↗

Доработки и улучшения пользовательского опыта

1 урок
1. Исправление регистрации, роутов и модальных окон ↗