Code Monkey home page Code Monkey logo

travelmakers-nextjs-boilerplate's Introduction

Next.js 보일러 플레이트

Development

# Node Version
# v18.17.1

# Application install
yarn

# Application run
yarn dev

개발관련

- 상태관리: zustand
- server api: react-query
- css: scss

Directory

📦api
┣ 📂fetch
┃ ┗ 📜index.ts  <!-- fetch & mutate function -->
┣ 📂hooks
┃ ┗ 📜index.ts  <!-- useFetchInfinite & useFetch -->
┣ 📂mutates
┃ ┗ 📜index.ts  <!-- useMutation -->
┣ 📂urls
┃ ┗ 📜index.ts  <!-- urls list -->
┣ 📜fetchFunctions.ts
┣ 📜fetchHooks.ts
┣ 📜mutateHooks.ts
┗ 📜types.ts
📦app           <!-- page list -->
📦components    <!-- component list -->
📦cypress       <!-- cypress data -->
📦lib           <!-- library -->
📦locales       <!-- i18n translate -->
📦pages         <!-- frontend server api -->
📦public        <!-- public -->
📦states        <!-- recoil -->
📦styles        <!-- style css -->
📦types         <!-- type definition -->
📦ui            <!-- User Interface Component -->
📦utils         <!-- utils function -->

Lighthouse

npx lhci autorun

위 command 설정 후 .sentryclirc 파일에 있는 auth를 SECRETS.SENTRY_TOKEN 설정 하여 사용

Commit Message를 작성하는 법

유형들이 복합적으로 포함되어 있을 경우, 되도록 커밋을 분리한다. 분리가 어려운 경우 위 순서상 상위 항목의 유형으로 작성한다. (eg. 기능과 테스트가 모두 포함된 경우 기능으로 작성)

  • feat: 기능 추가, 삭제, 변경(or ✨ emoji) - 제품 코드 수정 발생
  • fix: 버그 수정(or 🚑 emoji) - 제품 코드 수정 발생
  • docs: 문서 추가, 삭제, 변경(or 📚 emoji) - 코드 수정 없음
  • style: 코드 형식, 정렬, 주석 등의 변경, eg; 세미콜론 추가(or 🎨 emoji) - 제품 코드 수정 발생, 하지만 동작에 영향을 주는 변경은 없음
  • refactor: 코드 리펙토링, eg. renaming a variable(or 🚜 emoji) - 제품코드 수정 발생
  • test: 테스트 코드 추가, 삭제, 변경 등(or 🔬 emoji) - 제품 코드 수정 없음. 테스트 코드에 관련된 모든 변경에 해당
  • etc: 위에 해당하지 않는 모든 변경, eg. 빌드 스크립트 수정, 패키지 배포 설정 변경 - 코드 수정 없음

Reference

License

The Laravel framework is open-sourced software licensed under the MIT license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.