빠른 AI 번역 사이트

다국어로 된 정적 사이트를 손쉽게 구축하세요. AI 도구로 간편하게!

이것은 여러 언어로 정적 사이트를 구축하기 위한 보일러플레이트 프로젝트입니다. 번역을 위해 i18next를 사용하며, 사용자 정의 언어 전환기를 포함하고 있습니다. 또한 사이트맵 생성기와 robots.txt 생성기도 포함되어 있습니다. HTML 검증 기능이 내장되어 있습니다.

1개 언어에서 20개 이상의 언어로 발전할 수 있도록 도와드립니다.

프레임워크에는 언어 전환 기능이 내장되어 있습니다. 드롭다운이나 푸터의 링크를 통해 원하는 언어로 전환할 수 있습니다. 이 사이트는 그것이 어떻게 보이는지의 예입니다.

페이지마다 콘텐츠가 다를 뿐만 아니라, URL도 조정됩니다. 모든 언어에 대한 링크가 포함된 사이트맵이 작성되어 검색 엔진이 콘텐츠를 쉽게 찾을 수 있도록 합니다. 또한 robots.txt 파일이 조정되어 검색 엔진이 사이트를 크롤링할 수 있도록 허용합니다.

빠르고 안전한 사이트

정적 사이트 생성기로서 출력물은 매우 작게 유지됩니다. 제 많은 사이트에서 각 HTML 파일은 약 20KB 정도입니다. 이는 귀하의 사이트가 매우 빠르게 로드되게 합니다. 여기에서 GitHub 저장소 및 향후 업데이트에 대한 액세스를 구매할 수 있습니다.

당신을 위해 해드릴까요?

나는 인라인 JavaScript가 포함된 단일 HTML 파일을 가져와서 이를 위한 번역 페이지를 제공할 것입니다. 번역은 AI가 생성하며 완전히 인간이 검토하지는 않을 것입니다. 소스 코드와 결과 HTML 파일이 제공될 것입니다.

나는 또한 10페이지 사이트 전환을 제공할 수 있습니다.

직관적인 코드

TypeScript - pages/IndexPages.ts
export async function IndexPages(): Promise<FileResult[]> {
return renderLanguageFiles({
  subDirectoryInEnglish: undefined,
  fileNameInEnglish: undefined,
  includeInSitemap: true,
  render: (props) => Index(props),
});
}  
return Layout({
  lang: props.option.code,
  title: title,
  description: metaDescription,
  languageOptions: props.allOptions,
  content: /* HTML */ `
    <h1>${i18next.t("Fast Sites with AI Translations")}</h1>
    <p>
      ${i18next.t("Build your own static site with multiple languages. Made easy with AI tooling!")}
    </p>
    [...]
    `
})
TypeScript - build.ts
(async () => {
  await StaticSiteBuild({
    baseUrl: "https://www.globalsites.ai",
    files: [
      await IndexPages(),
      await ContactUsPages(),
      await FAQPages(),
      await PrivacyPolicyPages(),
      await CopyStaticFiles(),
    ],
    translationSource: "GoogleTranslate",
    forceFileWrite: !devFlagPresent,
    validationOptions: {
      HTML: devFlagPresent ? "Sample" : "Full",
      internalURLs: true,
      skipUrls: [
        "sitemap.xml",
        "robots.txt",
        "404/",
      ],
    },
    startTime: startTime,
  });
})();
명령줄 - output
[---------------------------------------------
… Starting build for https://www.globalsites.ai
… Skipping 90 files with no changes
… Verifying HTML is valid
✓ Finished verifying 10 HTML files
… Verifying internal URLs
✓ No internal URL errors found
✓ Done in 428 ms with 94 files
---------------------------------------------]

TypeScript 개발자를 위한 짧은 개요 비디오는 다음을 참조하세요:

자주 묻는 질문

Global Sites (평생)에는 무엇이 포함됩니까?

다국어 정적 사이트 구축을 돕기 위한 파일 집합입니다. 또한 업데이트 및 지원을 위한 리포지토리에 대한 접근이 포함됩니다.

이것은 React로 만들어졌나요, 아니면 NextJS로 만들어졌나요?

아니요, 그렇지 않습니다. 개념은 React를 아는 사람들에게 쉽게 이해될 수 있지만, i18next를 사용하여 번역과 문자열 기반 템플릿 정의를 수행합니다. 이 보일러플레이트와 함께 개발의 일관성과 용이성을 위한 도구들이 있습니다.

귀하의 반품 정책은 무엇인가요?

저장소에 대한 접근 권한이 부여되므로 환불은 불가능합니다.

저장소에 접근하는 데 얼마나 걸리나요?

현재 수동으로 접근 권한을 추가하고 있습니다. 최대한 빠르게 추가하려고 노력합니다. 최악의 경우, 한 영업일 이내에는 완료됩니다. (미국 오하이오 주 기준)

여러 언어가 차이를 만드나요?

네, 제 테스트에서는 트래픽의 약 절반이 비영어 페이지로 전환됩니다. 페이지의 트래픽이 증가함에 따라 더 많은 정보를 얻을 수 있을 것입니다.

내가 당신의 테마 중 하나를 사용해야 하나요?

아니요. 기본 테마가 포함되어 있지만, 저는 이것이 이 도구의 주요 가치라고 보지 않습니다. 다른 이들은 고품질 테마에 전문화되어 있습니다.