DEV Community

Seiya Takahashi
Seiya Takahashi

Posted on

We will OSS the Next.js + web3 starter kit

overview

This source code can be used universally when creating web3 related services such as NFT Market and DeFi.

We have packed Next.js + Web3 with the tools you need to get started on your project.

We created Next.js + web3 starter kit because We want to contribute to the development of web3 in the world.

Image description
Image description
Image description

source code

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

demo site

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

Configured Tools

  • Sentry
  • Jest test
  • Tailwind.css
  • Vscode initialization
  • PR and Issue template
  • Seo module
  • Husky
  • Lingui
  • DeepL automatic translation
  • Google Tag Manager
  • Redux
  • Eslint
  • Prettier
  • Github workflow

Sentry

https://sentry.io/
Application Monitoring and Error Tracking Software

Jest test

https://jestjs.io/ja/

javascript unit test tool

Tailwind.css

https://tailwindcss.com/

css framework

Vscode initialization

https://code.visualstudio.com/

Initial setup for vscode support

PR and Issue template

github pr and issue template

Seo module

Initial setup for SEO measures with Nextjs

Husky

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

Automatically execute commands when committed.

Lingui

https://lingui.js.org/

Seamless internationalization in Javascript

DeepL automatic translation

https://www.deepl.com/translator
Translate the json files generated by lingui with deepl.

You can translate by executing this command.
Please get the API KEY at the deepl website.

npx cross-env DEEPL_AUTH_KEY=XXXXX ts-node lingui-deepl.js
Enter fullscreen mode Exit fullscreen mode

Google Tag Manager

https://tagmanager.google.com/

Google Analytics lets you measure your advertising ROI as well as track your Flash, video, and social networking sites and applications.

Redux

https://redux.js.org/

A Predictable State Container for JS Apps

Eslint

https://eslint.org/

code-checking tool

Prettier

https://prettier.io/

An opinionated code formatter

Github workflow

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

CI/CD tool
Github workflow deploys and runs tests when commits and merges are made

Commitlint

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

commit linter

License

MIT

Top comments (0)