1.Nextjs typescript로 세팅하기, jest 설정파일
Setting up Next.js with TypeScript, JIT Tailwind CSS and Jest/RTL
How I set up a modern stack with Next.js, TypeScript and Tailwind CSS with JIT compiler, fully ready for TDD with Jest and React Testing Library.
blog.antoniolofiego.com
https://github.com/vercel/next.js/tree/canary/examples/with-jest
GitHub - vercel/next.js: The React Framework
The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.
github.com
document 설정
https://nextjs.org/docs/advanced-features/custom-document
2. Nextjs PWA 초기세팅하기
--------------------
3. pwa offline 설정
https://github.com/shadowwalker/next-pwa/tree/master/examples/offline-fallback-v2
GitHub - shadowwalker/next-pwa: Zero config PWA plugin for Next.js, with workbox 🧰
Zero config PWA plugin for Next.js, with workbox 🧰 - GitHub - shadowwalker/next-pwa: Zero config PWA plugin for Next.js, with workbox 🧰
github.com
4. 웹푸시 설정
https://lemontia.tistory.com/1047
[React, PWA] 클라이언트에서 웹 푸시(fcm) 설정하기
우선 PWA 에 대해 간단히 알고 넘어가자 PWA(Progressive Web App) 란? 구글 개발자 컨퍼런스인 I/O 2016에 발표된 기술 웹에서 네이티브 앱과 같은 동작을 가능하게 함 홈 화면에 추가 및 푸시 알림, 그리
lemontia.tistory.com
https://www.sam9000.com/articles/how-to-install-a-web-app-pwa-on-windows-mac-or-phone
'프로젝트' 카테고리의 다른 글
| [창업을 마치며]창업~현재 타임라인 정리, 다시 창업을 한다면. (1) | 2025.04.06 |
|---|---|
| [프로젝트] Turborepo로 모노레포 구성하기/ 내 프로젝트의 방향과 선택한 기술 스택 (0) | 2025.03.07 |
| [토이프로젝트]프론트엔드 취업을 위한 토이프로젝트를 시작하기 전 준비할 이야기들 (2) | 2025.03.02 |