React Hooks와 Material-ui v4에서 작성한 웹 앱을 Next.js에서 움직여 Firebase에서 SSR(서버 사이드 렌더링)을 한다.



하고 싶었던 일



Next8과 Material-UI4가 Hooks 메인이 되었기 때문에,
그래서 작성한 것을 Firebase에서 SSR하고 싶은 만큼의 인생이었다.

그래서 템플릿으로 카운터를 만들었다.

자세한 내용은 코드를 참조하십시오.
htps : // 기주 b. 이 m / s 또는 r t-she / Rea ct-hoo ks-ne xtjs-materia a-ui-ne xt-u-thu-fu-base-ho-schin g

결론으로는 material-ui/examples/nextjs-next at next · mui-org/material-ui · GitHubnext.js/examples/with-firebase-hosting at canary · zeit/next.js · GitHub 로 움직이면 우승했다.

감상



Context API 있으면 Redux 불요론이 현실이 되어 왔다.styled-components 를 넣지 않아도 비슷한 것이 Material-UI v4로 할 수 있었다.
htps // // 네 xt. 마테리아 음. 코 m / cs-in-js / 바시 cs / # style d-ko m 포넨 ts - 아피
템플릿이 생겼으므로 여기에서 Firebase Authentication과 Cloud Firestore를 사용하여 웹 앱 만들기.

참고 기사



htps : // 기주 b. 이 m/제이 t/네 xt. js / t ree / kana ry / e mp ぇ s / uh th fue base-ho s sing g

material-ui/examples/nextjs-next at next · mui-org/material-ui · GitHub

ReactHooks + Firebase (Authentication, Firestore)로 Todo 앱 만들기 - Qiita

후크 API 참조 – React

훅 빠른 이해 – React

React’s useCallback and useMemo Hooks By Example

Firebase hosting에서 Next.js를 실행하고 SSR하기 - Qiita

좋은 웹페이지 즐겨찾기