🔗 https://next-js-project-boilerplate.vercel.app
퇴근 후 집에서 취미로 사이드 프로젝트 개발을 하면서
새로운 프로젝트를 생성할 때마다 세팅에 시간이 많이 소요되어
자주 사용하는 것들을 정리해놓은 보일러 플레이트입니다.
GNB에서 기술 연구실(laboratory 탭)은 새로운 라이브러리를 사용해보거나
새로운 컴포넌트들을 생성하고 테스트하는 곳입니다.
빠른 사용을 위한 예제를 작성해 놓았습니다.
- 레이아웃
- 404, 500, _error 페이지
- css reset, font, global.scss
- styled component
- 커스텀 hooks
- 공통 api call 로직
- 프로그레시브 웹 앱(pwa)
- jsconfig, prettierrc 설정
- react-query
- recoil
- 구글 애널리틱스 연결
- firebase 연결 및 유저 조회, 생성, 삭제 구현
- 기술 연구실 (https://next-js-project-boilerplate.vercel.app/laboratory)
- Buttons
- Carousel
- Modals(Alert, Confirm, Toast, BottomSheet)
- Inputs
- CheckBox
- Toggle
- Tooltips
- Svg icons
- Loading
- Ripple
- Theme
- next.js
- react
- recoil
- react-query
- react-modal
- sass
- emotion
- rc-tooltip
- swiper
- axios
- lodash
- js-cookie
- moment