TGViewer
Semolina Code Solidity Semolina Code Solidity @semolina_code · 497 subscribers
Post #28 1.04K
Четырнадцатый урок (Фронт-энд на NextJS, часть 1)

Создаём next приложение с помощью команды
npx create-next-app

Код контракта
Код скрипта для деплоя

Разворачиваем hardhat
npx hardhat node

Деплоим контракт в hardhat:
npx hardhat run scripts/deploy.js --network localhost

Не забываем добавить ethers в зависимости проекта next (файл package.json)
"ethers": "^5.6.4"

Далее создаем внутри проекта next директорию components и внутри неё файл ConnectWallet.js и NetworkErrorMessage.js
Код ConnectWallet.js
Код NetworkErrorMessage.js

В директории pages пишем файл index.js
Код этого файла

Когда всё готово, в директории next запускаем команду:
npm run dev

Если уже что-то делали в мм с аккаунтом в локальной сети, то переходим в мм -> settings -> advanced -> reset account

Чувствую, что придется подтянуть js (опять же по учебнику)
Ссылки на разделы, которые перечитываю по js буду скидывать сюда
More from @semolina_code
  1. Sep 8, 2022Как я уже говорил, я сейчас немного отошел от солидити так как появились проекты, требующи…
  2. Aug 23, 2022Вижу тут новые лица и всех рад приветствовать) Изучение солидити на некоторое время постав…
  3. Aug 4, 2022Семнадцатый урок (Решение задач Ethernaut) Урок посвящен практике Так что решаем её тут Не…
  4. Aug 2, 2022Шестнадцатый урок (Безопасность: Reentrancy, DoS) Полезный линк из урока: openzeppelin Код…
  5. Aug 2, 2022Семнадцатый урок (Низкоуровненые вызовы и безопасность) Сразу скажу, что 16 урок я не проп…
  6. Jul 28, 2022Оказывается, если текст в телеге преобразовать в моноширинный, он станет синим 😳
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →