Страница с публичными сборками — Next JS Сборщик ПК | Max Roslow

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

Страница с публичными сборками — Next JS Сборщик ПК | Max Roslow | Space of React

Получение публичных сборок с лайками


export async function getPublicBuild(userId: string) {
    return prisma.build.findMany({
        where: { isPublic: true },
        orderBy: { createdAt: 'desc' },
        include: {
            user: { select: { email: true, name: true } },
            components: {
                include: {
                    component: { 
                        select: { name: true }
                    }
                }
            },
            _count: { select: { likes: true } },
            likes: { where: { userId }, select: { id: true }}
        }
    })
}

Что возвращает каждая сборка:


{
  id: 25,
  name: "RTX 4090 Гейминг",
  totalPrice: 285990,
  isPublic: true,
  createdAt

Ключевые include:

user — автор сборки (email + имя для отображения)
components.component.name — названия всех 8 комплектующих
_count: { likes: true } — количество лайков на сборке
likes: { where: { userId } } — проверяет лайкнул ли текущий пользователь эту сборку

Логика лайка в UI:


const hasLiked = build.likes.length > 0
const likeCount = build._count.likes

<Button onClick=