Мы создадим OSS стартовый набор Next.js + web3


обзор

Этот исходный код может быть использован повсеместно при создании сервисов, связанных с web3, таких как NFT Market и DeFi.

Мы снабдили Next.js + Web3 инструментами, необходимыми для начала работы над проектом.

Мы создали Next.js + web3 starter kit, потому что хотим внести свой вклад в развитие web3 в мире.



исходный код

https://github.com/Foxlottery/nextjs-web3-starterkit

демонстрационный сайт

https://nextjs-web3-starterkit.vercel.app

Настроенные инструменты

  • Sentry
  • Jest тест
  • Tailwind.css
  • Инициализация Vscode
  • Шаблон PR и Issue
  • Seo модуль
  • Хаски
  • Lingui
  • DeepL автоматический перевод
  • Google Tag Manager
  • Redux
  • Eslint
  • Prettier
  • Рабочий процесс Github

Sentry

https://sentry.io/
Программное обеспечение для мониторинга приложений и отслеживания ошибок

Jest test

https://jestjs.io/ja/

инструмент для модульного тестирования javascript

Tailwind.css

https://tailwindcss.com/

css-фреймворк

Инициализация Vscode

https://code.visualstudio.com/

Начальная настройка для поддержки vscode

Шаблон PR и выпуска

github pr и issue template

Seo модуль

Начальная настройка для SEO-мероприятий с помощью Nextjs

Хаски

https://www.npmjs.com/package/husky

Автоматическое выполнение команд при фиксации.

Lingui

https://lingui.js.org/

Бесшовная интернационализация в Javascript

DeepL автоматический перевод

https://www.deepl.com/translator
Переведите json-файлы, созданные lingui, с помощью deepl.

Вы можете перевести, выполнив эту команду.
Пожалуйста, получите API KEY на сайте deepl.

npx cross-env DEEPL_AUTH_KEY=XXXXX ts-node lingui-deepl.js
Войти в полноэкранный режим Выход из полноэкранного режима

Диспетчер тегов Google

https://tagmanager.google.com/

Google Analytics позволяет измерять окупаемость инвестиций в рекламу, а также отслеживать сайты и приложения Flash, видео и социальных сетей.

Redux

https://redux.js.org/

Контейнер предсказуемых состояний для JS-приложений

Eslint

https://eslint.org/

инструмент для проверки кода

Красивее

https://prettier.io/

Форматировщик кода, основанный на мнениях

Рабочий процесс Github

https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions

Инструмент CI/CD
Рабочий процесс Github развертывает и запускает тесты при фиксации и слиянии.

Commitlint

https://commitlint.js.org/#/

линтер коммитов

Лицензия

MIT

Оцените статью
Procodings.ru
Добавить комментарий