[FIX] Performance 개선

[byyoungjin]

Performance 개선

• [x] post : ssr -> isr 로 변경

• [x] post edit : ssr ->isr 로 변경

• [x] write : ssr -> static 으로 변경

• [x] profile: ssr -> static & client side rendering 으로 변경

• [x] draft : ssr -> isr 로변경 -> draft 는 private 하게 ssr 로 유지 단 cache control 하기

• [x] auth: ssr -> static

• [x] user register : ssr -> static & client side rendering 으로 변경

• [x] isr fallback 관리하기

  • [x] react-spinners 로 적용 skeleton ui 로 적용하기

https://nextjs.org/docs/going-to-production 여기 있는것 다 적용해보기

• [x] cache control

• [x] image optimization

  • [x] post card image 에 적용
  • [x] post 내부 이미지에 적용
    • [x] general image (local upload image)
    • [x] unsplash image

• [ ] post edit 후 바로 반영안되는 문제 해결

[byyoungjin]

mobile friendly layout

• [x] navigation responsive 하게 변경
• [x] title size 42 -> 34 px
• [ ] post card 크기 조정하기
• [ ] draft card 크기 조정하기
• [x] google login 버튼 크기 조정하기

[byyoungjin]

Animations

• [x] about page 에 scroll animation 넣어보기
  • [ ] react-reveal 디깅해보기
  • [ ] react-animate-on-scroll 디깅해보기
  • [ ] 내가 스스로 scroll animation 만들어보기
• [x] 간단한 Lottie 만들어서 넣어보기 ( byyoungjin 이름으로 !)

[byyoungjin]

State management in Next.js? -> _app.tsx 에 provider 를 위치하면 state 가 persist 하다 https://www.smashingmagazine.com/2021/08/state-management-nextjs/ https://github.com/vercel/next.js/tree/canary/examples/with-redux

• [ ] layouts 이용하기 https://nextjs.org/docs/basic-features/layouts

[byyoungjin]

• [x] Auth check -> good to go https://nextjs.org/docs/authentication

[byyoungjin]

SEO

https://birtony.medium.com/search-engine-optimization-with-next-js-7cf0ac6e8f45

• [x] robots.txt
• [ ] sitemap (sitemap 한번 만들어서 제출해보기) https://velog.io/@bluestragglr/%EC%A3%BC%EB%8B%88%EC%96%B4%EB%8F%84-%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-Next.js-SEO-robots.txt%EC%99%80-sitemap.xml-%EC%9E%90%EB%8F%99-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0
• [ ] meta tags

https://search.google.com/search-console/inspect?resource_id=https%3A%2F%2Flog.byyoung.me%2F&id=-MJPuDfDOZLZwCi5D798yQ&hl=ko 위 url 검사 툴에서 http 가 아니라 https://log.byyoung.me 로 넣어야 제대로 크롤링해온다

[byyoungjin]

Internationalization

https://daily.dev/blog/internationalization-i18n-in-nextjs https://nextjs.org/docs/advanced-features/i18n-routing

• [ ] 현재 html lang 이 설정되어있지 않은데, 같이 설정되는지 확인하기

[byyoungjin]

stripe module

[byyoungjin]

Bug fix

• [ ] editor 쓸때, 이미지, 동영상 다시 랜더링 되지않도록
• [ ] home, draft 에서 post 들 순서 내림차순으로 정렬하기