next.js5 Lottie (w/ next.js) 지난 번에 Vue 에서 Lottie 사용하는 방법을 정리했는데,이제는 React + Next 기반 프로젝트를 하고 있어서 다시금 Lottie 정리 ! 🚨 next 의 ssr 렌더링 때문에 document is not defined 이슈 발생 ⇒ dynamic import 로 대체(이미 next 사용자에겐 나름 익숙하기 때문에 next/dynamic 에 대한 설명은 생략)단, lazy-loading 관련 next 공식 문서를 참고용으로 첨부 https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading Optimizing: Lazy Loading | Next.jsLazy load imported libraries and Re.. 2024. 8. 14. (React) Next.js 에 i18n 적용하기 ** 참고 Next.js 로 만든 프로젝트에 다국어 설정 끼얹기 (React) Next.js 로 만든 프로젝트에 다국어 설정 끼얹기 앗! Next.js 다국어 설정 타이어보다 쉽다! velog.io https://f-dever-error-log.tistory.com/26 [NextJS] 넥스트 10+버전 i18n 국제화모듈 사용하기 with next-translate - git 에서 더 편하게 보기: https://github.com/uu29/TIL/blob/main/%5BNextjs%5Di18n%20%EA%B5%AD%EC%A0%9C%ED%99%94%EB%AA%A8%EB%93%88%20%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0.md uu29/TIL Contribute to uu29.. 2023. 3. 27. 두 번이나 이 거지같은 next.js 배포에 떨어지다니 next.js 프로젝트 배포 중에서도 SSR 관련해서 헤맨 지 어느덧 2주차 되어가고 있습니다. 스스로에 대한 한계와 멘토의 부재, 그리고 도무지 완벽하게 파악할 수 없는 AWS 미로 속에서 Amplify 까지 오기 전에 시도해본 방법으로는, 1. docker image build (ecr, ecs 활용 목적) 2. 람다 엣지 어쩌구 설정해서 cloudFront 배포 였습니다만, 결과적으로는 모두 실패하고 여기까지 왔습니당 🥲✨ 신이 나를 버리지 않았으므로, 너무나 다행히도 (?) Amplify 에서는 next.js 의 ssg 그리고 ssr 까지 커버할 수 있는 서비스를 제공하기 시작했다. (오열) ** 참고 : 공식 문서 Amplify를 사용하여 Next.js SSR 앱 배포하기 - AWS Amplif.. 2023. 3. 7. Next.js 에 대하여 ⁉️ 문제 상황 : ci cd 구축 과정에서 S3 와 CloudFront 를 통한 배포를 하려다 보니 정적 웹 호스팅과 관련해 next.js 동작 방식과 충돌이 생김 -> getServerSideProps 를 사용한 SSR 방식을 포함하고 있는 dynamic route 페이지들은 몽땅 build export 가 되지 않음 하지만 ! 저에게는 정적 파일이 필요하단 말입니다.. 그리하여 알아본 next.js 에 대하여, 스타뚜 🔥 ** 참고 : 공식 문서 gssp-export | Next.js getServerSideProps Export Error You attempted to statically export your application via next export, however, one or more.. 2023. 2. 22. 이전 1 2 다음 반응형
