728x90

vercel배포 2

Next.js와 i18next를 사용한 다국어 사이트 구축(9): 결론 및 최종 점검

결론 및 최종 점검9.1 강의 내용 요약이번 강의에서 다룬 각 단계를 간략하게 요약하며 전체적인 흐름을 복습해보겠습니다.프로젝트 초기 설정Next.js 프로젝트를 시작하고, i18next와의 통합을 통해 다국어 지원을 구현했습니다.SSR(Server-Side Rendering)과 SSG(Static Site Generation)의 차이점을 이해하고, 이들을 적절히 사용하는 방법을 배웠습니다.다국어 페이지 구현 및 성능 최적화i18next를 사용해 번역 파일을 관리하고, Lazy Loading을 통해 성능을 최적화했습니다.Next.js의 getStaticProps와 getStaticPaths를 통해 정적 페이지를 생성하고, 다국어 사이트의 SEO를 최적화했습니다.SEO 최적화hreflang 태그와 메타 태..

React/next.js 2024.10.22

react-i18next로 다국어 구현하기 9강: 프로젝트 빌드 및 배포

배포 및 마무리이번 섹션에서는 프로젝트를 빌드하고 배포하는 방법에 대해 설명하고, 추가적인 다국어 지원 사이트로 확장할 수 있는 방법을 논의합니다. 마지막으로 실습 결과를 공유하고 Q&A 시간을 가질 것입니다.1. 프로젝트 빌드 및 배포프로젝트를 사용자에게 제공하기 위해서는 빌드 후 배포 과정을 거쳐야 합니다. React 애플리케이션은 기본적으로 정적 사이트로 빌드할 수 있으며, 이를 다양한 웹 호스팅 플랫폼에 배포할 수 있습니다.빌드 단계:빌드 명령어 실행:npm run build 이 명령어는 최적화된 정적 파일들을 생성하여 build/ 폴더에 저장합니다.프로젝트의 최종 버전을 빌드하려면 터미널에서 다음 명령어를 실행하세요.배포 플랫폼 선택:Netlify: 무료로 사용 가능하며, GitHub 리포지토리..

728x90