Навчальний центр Langsys
Для розробника, який інтегрує Langsys у застосунок. Локалізація в реальному часі, безперервна: фраза у вашому коді є і ключем, і значенням за замовчуванням — без файлу ключів і без кроку вилучення. Перегляньте пояснювальне відео, прочитайте про п’ять концепцій, налаштуйте проєкт, а потім оберіть свій стек.
Шлях
Три зупинки, саме в такому порядку. Сторінки SDK припускають, що перші дві вже пройдені.
Концепції
Ідеї, на яких побудований Langsys: фраза як ключ, виявлення токенів, сховище локалей, ключі та додавання локалі. П'ять коротких сторінок, кожна з власним відео.
Крок 2 · 2 хвШвидкий старт
Створіть проєкт, згенеруйте ключ запису та ключ лише для читання, підключіть їх до свого env.
Крок 3Оберіть свій стек
Шість SDK, одна поверхня. Кожна сторінка починається з розділу «Встановлення» і поєднує живі демо з ідіомами відповідної прив'язки.
Фронтенд — JavaScript
Уся робота лежить на одному базовому SDK; кожна прив'язка до фреймворку — це тонка обгортка над ним.
TypeScript
Базовий SDK, не залежний від фреймворку, — langsys-js-typescript. Усі прив’язки обгортають саме його.
React
Хуки та компоненти — langsys-js-react.
Vue
Composables і компоненти — langsys-js-vue.
Svelte
Сховища та компоненти — langsys-js-svelte. Сторінка з демонстрацією для кожного примітива.
Бекенд — серверний рендеринг
Ваші шаблони перекладаються на сервері, тож сторінка надходить уже локалізованою.
PHP
Базовий SDK — langsys/langsys-php. Будь-який PHP-застосунок: чистий PHP, фреймворк, воркер чи CLI.
Laravel
Директива Blade @t і хелпер t() — langsys/langsys-php-laravel.
Посібники — серверний рендеринг
Кожен посібник дотримується одного шаблону — отримати каталог на сервері та ініціалізувати з нього прив'язку клієнта — тож каталог завантажується один раз, а серверний ключ залишається на сервері.
Next.js
App Router — отримання даних у Server Component, ініціалізація з 'use client'.
Nuxt
Маршрут Nitro + useAsyncData, що наповнює прив'язку для Vue.
SvelteKit
Завантаження +layout.server.ts, стандартний writable як сховище локалей.
Побачте проблему — виправте її
Пліч-о-пліч
React, Vue, Svelte і чистий TypeScript перекладають синхронно з одного спільного проєкту.
Панель керування
Translation Manager без коду на екрані: рецензування, пам’ять, організації, кредити та оплата.
Відео
Усі демо в одному місці — трек із концепцій, Svelte за API і Translation Manager.
Усунення несправностей
Фрази, що не перекладаються, блокування CORS, непомітні промахи в режимі лише для читання — симптоми та способи вирішення.
Шукаєте довідник API та посібники з інтеграції? Перейдіть до документації Langsys.