초기세팅하기

프로젝트

Grapefruitgreentealoe 2022. 1. 19. 20:14

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

GitHub - vercel/next.js: The React Framework

The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.

github.com

2. Nextjs PWA 초기세팅하기

--------------------

3. pwa offline 설정

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. 웹푸시 설정

[React, PWA] 클라이언트에서 웹 푸시(fcm) 설정하기

우선 PWA 에 대해 간단히 알고 넘어가자 PWA(Progressive Web App) 란? 구글 개발자 컨퍼런스인 I/O 2016에 발표된 기술 웹에서 네이티브 앱과 같은 동작을 가능하게 함 홈 화면에 추가 및 푸시 알림, 그리

lemontia.tistory.com