우리는 Next.js + web3 스타터 키트를 OSS할 것입니다.

개요



이 소스 코드는 NFT Market 및 DeFi와 같은 web3 관련 서비스를 만들 때 보편적으로 사용할 수 있습니다.

우리는 프로젝트를 시작하는 데 필요한 도구로 Next.js + Web3를 포장했습니다.

우리는 전 세계 web3의 발전에 기여하고 싶기 때문에 Next.js + web3 스타터 키트를 만들었습니다.




소스 코드



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

데모 사이트



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

구성된 도구


  • 센트리
  • 농담 테스트
  • Tailwind.css
  • Vscode 초기화
  • PR 및 이슈 템플릿
  • Seo 모듈
  • 허스키
  • 링귀
  • DeepL 자동 번역
  • Google 태그 관리자
  • 리덕스
  • 에스린트
  • 더 예쁜
  • Github 워크플로우

  • 보초



    https://sentry.io/
    애플리케이션 모니터링 및 오류 추적 소프트웨어

    농담 테스트



    https://jestjs.io/ja/

    자바스크립트 단위 테스트 도구

    Tailwind.css



    https://tailwindcss.com/

    CSS 프레임워크

    Vscode 초기화



    https://code.visualstudio.com/

    vscode 지원을 위한 초기 설정

    PR 및 이슈 템플릿



    github 홍보 및 이슈 템플릿

    서모듈



    Nextjs로 SEO 측정을 위한 초기 설정

    에스키모 개의



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

    커밋되면 자동으로 명령을 실행합니다.

    링구이



    https://lingui.js.org/

    Javascript의 원활한 국제화

    DeepL 자동 번역



    https://www.deepl.com/translator
    lingui에서 생성된 json 파일을 deepl로 번역합니다.

    이 명령을 실행하여 번역할 수 있습니다.
    deepl 웹사이트에서 API KEY를 받으십시오.

    npx cross-env DEEPL_AUTH_KEY=XXXXX ts-node lingui-deepl.js
    


    Google 태그 관리자



    https://tagmanager.google.com/

    Google Analytics를 사용하면 광고 ROI를 측정하고 플래시, 동영상, 소셜 네트워킹 사이트 및 애플리케이션을 추적할 수 있습니다.

    리덕스



    https://redux.js.org/

    JS 앱을 위한 예측 가능한 상태 컨테이너

    에스린트



    https://eslint.org/

    코드 검사 도구

    더 예뻐



    https://prettier.io/

    독단적인 코드 포맷터

    Github 워크플로우



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

    CI/CD 도구
    Github 워크플로는 커밋 및 병합이 수행될 때 테스트를 배포하고 실행합니다.

    커밋린트



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

    커밋 린터

    특허



    MIT

    좋은 웹페이지 즐겨찾기