template web3 app

Шаблон приложений Web3, созданный с использованием Next.js, Rainbowkit, Tailwind, входа в Ethereum и многое другое.

Документация

• Начиная
  • Переменные среды
  • JSON-RPC
  • Вагми Кли
  • Компоненты пользовательского интерфейса
  • Бэкэнд база данных
• Основные интеграции
  • ? Rainbowkit
  • ? Вход с Ethereum
• Интеллектуальные интеграции контракта
  • ERC20
• API интеграции
  • Дискотека
  • Etherscan

Начиная

pnpm CLI является рекомендуемым менеджером пакетов, но npm и yarn тоже должны работать.

pnpm install

Разработка

pnpm dev

Строить

pnpm build

Web3 Core

• Wagmi CLI - Автоматическая генерация крючков React
• Rainbowkit - менеджер по соединению кошелька
• Войдите в Ethereum - Аутентификация учетной записи

Web2 Frameworks

• Vercel - приложение инфраструктура
• Prisma - база данных ORM

Опыт разработчика

• TypeScript-Проверка статического типа для сквозных типов
• Кратчее - самоуверенный форматер кода для последовательного стиля кода
• Eslint - подключаемый Linter для lete.js и TypeScript

Пользовательский интерфейс

• Tailwindcss-утилита, первая структура CSS для быстрой разработки пользовательского интерфейса
• Radix - примитивы, такие как Modal, Popover и т. Д., Чтобы создать звездный пользовательский опыт
• Движение Framer - библиотека движения для с легкостью реагировать на анимирующие компоненты
• React Icons-красиво простые, идеальные пиксельные значки

Компоненты UI.Shadcn.com включены в папку /components/shared/ui .

Опыт разработчика

? Что такое хаски

Husky улучшает ваши GIT Commits.

Вы можете использовать его, чтобы провести свои сообщения о коммите, запустить тесты, код Lint и т. Д., Когда вы совершаете или нажимаете. Хаски поддерживает все крючки.

? Крючки

• Pre-Commit: кодовая база приложения Lint
• Commit-MSG: применить Commintlint

? Что такое Commitlint

Проверяет Commitlint, если ваши сообщения о коммите соответствуют обычному формату коммита.

В общем, шаблон в основном выглядит так:

type(scope ? ): subject  # scope is optional; multiple scopes are supported (current delimiter options: "/", "" and ",")

Примеры реального мира могут выглядеть так:

 chore: run tests on travis ci

 fix(server): send cors headers

 feat(blog): add comment section

Общие типы в соответствии с Commitlint-Config-Conventional (на основе угловой соглашения) могут быть:

• строить
• рутинная работа
• CI
• док
• подвиг
• исправить
• перфу
• рефактор
• возвращаться
• стиль
• тест

Благодарности

Оригинальный шаблон был разбит от https://github.com/wslyvh/nexth

Спасибо @wslyvh

---

Copyright 2023 Kames Geraghty