Vibe: Создание клона Linktree в Next.js с использованием Prisma и Clerk (простой способ)
Автор: Prisma
Загружено: 2026-01-07
Просмотров: 479
Описание:
В этом полуторачасовом практическом занятии мы создадим полноценный конструктор профилей в стиле Linktree, используя современные технологии производственного уровня. Вы научитесь проектировать полнофункциональное приложение на Next.js с чистым пользовательским интерфейсом, безопасной аутентификацией и полностью управляемой базой данных Postgres на базе Prisma.
Мы шаг за шагом пройдемся по настройке проекта, проектированию пользовательского интерфейса, созданию динамических страниц профиля и развертыванию всего этого на Vercel. В процессе вы будете использовать Clerk для простой и удобной аутентификации, Prisma 7 с Postgres для уровня базы данных и TailwindCSS для стилизации.
В конце у вас будет полностью функциональная MVP-платформа для создания профилей в профиле, готовая к использованию в SaaS.
Отличное видео для обучения созданию качественного MVP.
🔗 Руководство по использованию 👉 https://pris.ly/y/linktree-clone
---
Вот всё, что мы будем создавать и изучать:
🔧 Настройка и архитектура проекта Next.js
🛢️ Prisma 7 с Postgres для моделирования данных
🔐 Аутентификация с помощью Clerk (вход, регистрация, управление пользователями)
📝 Обновление и развитие схемы Prisma
📊 Просмотр и управление данными с помощью Prisma Studio
🏷️ Процесс подтверждения имени пользователя с валидацией
🎨 Создание чистого современного пользовательского интерфейса с помощью TailwindCSS
➕ Создание и удаление пользовательских ссылок
🌐 Динамические страницы профилей пользователей
🔗 Маршрутизация «Просмотреть мою страницу» и улучшения UX
🚫 Пользовательская страница 404 Not Found
🖼️ Добавление динамического фонового изображения профиля
🔣 Использование Иконки Lucide для улучшенного интерфейса
🚀 Развертывание в Vercel
---
🙌 Будьте в курсе событий
Если это вам помогло:
Подпишитесь на канал, чтобы получать больше уроков по Prisma, подробных обзоров и рецензий
Поставьте лайк видео, чтобы помочь другим открыть для себя Prisma
Оставьте комментарий с вашими вопросами или предложениями о том, что вы хотели бы увидеть дальше
👋 Присоединяйтесь к сообществу Prisma
• Discord: / discord
• GitHub: https://www.github.com/prisma/prisma/...
——————————————————
💬 Следите за Prisma в социальных сетях
• Twitter: / prisma
• LinkedIn: / prisma-io
—————————————————
✅ Подпишитесь на YouTube-канал Prisma
/ @prismadata
--
#Prisma #PrismaORM #PrismaPostgres #TypeScript #Serverless #Postgres #database #orm #saas
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: