FNCY MarketPlace
in Portfolio Last modified at:
CMS와 NFT collectoin, launchpad를 제공하는 FNCY MarketPlace
WHAT I DID
Front-End
- i18next와 dms를 사용한 다국어 처리
- DMS의 업데이트된 데이터를 Front에서 쉽게 가져올 수 있는 자동화 로직 구현
- monorepo로 구현된 프로젝트에서 package.json의 script를 통한 DMS 최신화
- 기존에는 DMS의 데이터를 직접 다운로드한 후 프로젝트에 붙여넣는 방식을 DMS 서버 api를 통해 zip 파일을 받아온 후 국가별 언어에 따른 JSON 파일 저장 (이후 zip 파일 제거)
- react-query와 recoil 적용해 server/client data를 분리해 상태관리
- 정적 페이지 및 동적 페이지 SEO 개선
- Next.js 12/13 버전 적용
- google tag manager를 이용한 GA
Wallet
- 자체지갑
- ether.js와 wagmi를 사용한 Custom Connector 구현
- 기존 지갑들과의 transaction interface 호환
- Custom Connector 및 Provider 구현
- wallectconnect, metamask 지원
- metamask의 경우 safari 지원 (legacy wallectconnect 사용)
- wallectconnect v1 -> wallectconnect v2 migration 적용
- wagmi / viem
- wagmi의 업데이트에 따른 프로젝트의 ether.js 의존성 제거 후 viem으로 migration
- network, account change에 따른 자연스러운 UX 구현
NFT
- Market place (2023.06.01 기준 market.fncy.world로 마이그레이션)
- Mave, BAGC, IRRIS 등 NFT collection 제공
- buy, sell & edit price, cancel sell, offer 기능 지원
- Properties, Activity 등 metadata 제공
