Ассемблер - это, конечно, круто, но имхо более эффективно использовать С/С++ и webassembly https://habr.com/ru/post/342180/ Уровень практически ассемблера, но гораздо удобнее.

А за основу имело смысл взять вот эту страницу: https://github.com/freecode-academy/freecode.academy/blob/master/pages/technologies/%5Bid%5D.tsx Ведь у нее такой же роутинг как и у тебя - по id. Можно его страницу буквально брать 1:1 и просто заменить Technology на Beer https://github.com/freecode-academy/freecode.academy/blob/master/src/pages/Technologies/Technology/index.tsx Запрос тоже по образу и подобию можешь воткнуть https://github.com/freecode-academy/freecode.academy/blob/master/src/pages/Technologies/Technology/gql/technology.graphql. Затем выполни yarn generate:types, и если ОК выполнится, у тебя будет метод для запросов useBeerQuery. Все, дальше дело техники: получи данные и выведи в нужном тебе виде. Пробуй. Если что не так, выливай на гитхаб и маякуй.

И лучше не все в мастер сразу делай, а выноси в логические бранчи и пуши на гитхаб, чтобы можно было видеть что ты делаешь, ревьюить, скачивать себе править и т.п.

Дима, зайди в экшены https://github.com/linklib/pivo-moscow/actions и активируй их, чтобы тесты на гитхабе выполнялись.

Понял, что не там пишу код страницы и перенес в src/pages/Beer/index.tsx А в [id].tsx оставил export { default } from 'src/pages/Beer'

У меня задачу выполнить получилось, но явно через точкуЖ, нужен совет, как вывести поля без перебора полученного массива - ведь мы знаем, что придет только один объект, по запрашиваемому id. Получившийся код [id].tsx такой: Предлагаю пробежсть по коду на предмет что есть что. ----- ----- Здесь мы получаем id из урла и пихаем в idbeer. Объявление переменной связано с желанием избежать ругани ts на не сообветствие типов данных. Изначально было where: { id: query.id, }. Дальше потребовалось перебрать массив и быбрать первый объект, что явно какая-то дичь. А как не дичь - ищу) Нужна помощь!

Не все сразу :) Но позже будет.

Хорошо бы ещё добавить кнопку "помогите материально":)

Начальная картина. Со страницы /beers/ ссылкой передается id пива. Хук useRouter() принимает запрос, что позволяет id вернуть через {router.query.id}. Первым делом давайте посмотрим сюда https://github.com/linklib/pivo-moscow/blob/master/src/gql/Beer.graphql на предмет данных, которые можно получить с пивкарты: для пива это id, name, uri. Нам не хватает картинки. На https://pivkarta.ru/api/ можно посмотреть все ,что можно вытащить с пивкарты. Сейчас нам не хватает картинки: это будет image, то есть запрос станет таким: После внесения изменений следует перегененировать типы: yarn generate:types За основу предлагаю взять эту страницу https://github.com/linklib/pivo-moscow/blob/master/src/pages/Beers/index.tsx - здесь есть запрос. То есть нам надо на основе запроса, который возвращает данные по пиву (по дефолту первых трех в бд), составить зарпрос, который вернет данные только нужного пива по id.

Так ты бы в топике и написал сразу список твоих вопросов, чтобы получилось обсуждение предметное. Зайди на страницу всех задач и увидишь в первой колонке кнопки-иконки "Старт". Сейчас на странице Задач выводятся кнопки запуска и остановки таймера https://github.com/freecode-academy/freecode.academy/blob/ed3aecac693539ae208ab70c0ddb034f705c66c6/src/pages/Tasks/View/Task/index.tsx#L23 В свою очередь в кнопках прописана проверка на то, что пользователь есть https://github.com/freecode-academy/freecode.academy/blob/ed3aecac693539ae208ab70c0ddb034f705c66c6/src/pages/Tasks/View/Task/TaskButtons/index.tsx#L82 Вот надо убрать эту проверку.