Быстрые сайты с переводами на основе ИИ

Создайте свой собственный статический сайт с несколькими языками. Сделано легко с помощью инструментов ИИ!

Это шаблонный проект для создания статических сайтов на нескольких языках. Он использует i18next для переводов и настраиваемый переключатель языков. Кроме того, он включает генератор карты сайта и генератор файла robots.txt. Валидация HTML встроена.

Помощь в переходе от 1 языка к 20+ языкам

Встроенный в фреймворк переключатель языков. Вы можете переключаться на любой из языков через выпадающее меню или ссылки в подвале. Этот сайт является примером того, как это выглядит.

Не только содержимое отличается на каждой странице, но и URL адреса меняются. Карта сайта создаётся с ссылками для всех языков, чтобы поисковые системы могли легко находить контент. Файл robots.txt также настраивается для того, чтобы поисковые системы могли сканировать сайт.

Сайты, которые быстры и безопасны.

В качестве генератора статических сайтов, выходной файл остается очень маленьким. На многих моих сайтах каждый HTML файл имеет размер около 20 КБ. Это делает загрузку вашего сайта очень быстрой. Вы можете приобрести доступ к репозиториям github и будущим обновлениям здесь.

Хотите, чтобы это сделали за вас?

Я возьму один HTML файл с встроенным JavaScript и предоставлю страницы перевода для него. Переводы будут созданы с помощью искусственного интеллекта и не будут полностью проверены человеком. Исходный код и конечные 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 для переводов и строковые шаблонные определения. Существуют инструменты для обеспечения согласованности и удобства разработки с этим шаблоном.

Какова ваша политика возврата?

Вы получаете доступ к репозиторию, поэтому возвраты невозможны.

Сколько времени занимает получение доступа к репозиторию?

Я в настоящее время добавляю доступ вручную. Я стараюсь добавлять их очень быстро. В худшем случае это должно быть сделано в течение одного рабочего дня. (Находясь в Огайо, США)

Могут ли разные языки иметь значение?

Да, в моих тестах около половины моего трафика идет на страницы на неанглийском языке. У меня будет больше информации, когда мои страницы будут получать больше трафика.

Мне нужно использовать одну из ваших тем?

Нет. Хотя базовая тема включена, я не вижу в этом основную ценность этого инструмента. Другие специализируются на качественных темах.