nextjs lingui template

Next.js & Lingui : 다국어 웹 사이트 구축

개요

The Next.js 및 Lingui Static Site Generation (SSG) 템플릿 프로젝트에 오신 것을 환영합니다! 이 저장소는 다국어 지원을 갖춘 정적 웹 앱을 만들기위한 Next.js 및 Lingui의 최신 통합을 보여줍니다.

강력한 React 프레임 워크 인 Next.js는 서버 렌더링 된 React Applications 및 SSG 사이트를 구축하도록 설계되었습니다. 이러한 맥락에서, 우리는 Build Time에 사전 렌더 페이지에 Next.js의 정적 사이트 생성 기능을 활용합니다.

JavaScript를위한 I18N (Internationalization) 라이브러리 인 Lingui와 함께 우리는 전 세계 잠재 고객에게 효과적으로 적용되는 다국어 정적 웹 사이트를 제작하기 위해 노력했습니다.

이 템플릿 프로젝트의 목표는 다음에 수행하고 SEO에 배정 된 국제 정적 웹 앱을 구축하는 절차를 설명하는 것입니다. 다음 Next.js의 SSG와 Lingui의 커플 링에 의해 제공되는 기능을 제공하는 단순화 된 번역 관리를 유지하는 것입니다.

주요 기능

• Next.js의 정적 사이트 생성 : 정적 웹 응용 프로그램에서 Next.js를 활용하는 고유 한 장점을 경험하십시오. 여기에는 성능 향상 및 SEO, 클라이언트 측 라우팅 및보다 간소화 된 개발 프로세스와 같은 이점이 포함됩니다.
• Lingui를 통한 번역 관리 : Lingui가 메시지 추출에서 언어 복수화 및 현지 형식에 이르기까지 정적 웹 앱의 핸들링 번역을 단순화하는 방법을 알아보십시오.
• 실시간 언어 전환 : 동적 언어 전환을 가능하게하는 정적 웹 앱의 대화식 기능을 경험하십시오. 이를 통해 사용자는 현재 페이지에서 벗어나지 않고도 다른 언어를 쉽게 전환 할 수 있습니다.

시작하기

Use this template 앱의 레포를 만듭니다.

그런 다음이 프로젝트 템플릿을 사용하려면 다음을 수행하십시오.

1. 이 저장소를 복제하십시오 : git clone https://github.com/your-username/your-repo.git
2. 프로젝트 디렉토리 : cd your-repo 로 이동하십시오
3. 프로젝트 종속성 설치 : pnpm install
4. 개발 서버 : pnpm run dev 시작하십시오
5. 브라우저를 열고 http : // localhost : 3000을 방문하여 응용 프로그램이 작동하는 것을 확인하십시오.

기여

우리는이 프로젝트에 대한 기여를 환영합니다! 기여하려면 다음 단계를 따르십시오.

1. 저장소를 포크하십시오
2. 새 지점을 만듭니다 : git checkout -b your-feature
3. 변경하고 헌신하십시오 : git commit -m "Add your feature"
4. 분기로 밀어 넣으십시오 : git push origin your-feature
5. 이 저장소의 기본 지점에 풀 요청을 엽니 다.

특허

이 프로젝트는 Apache 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.