PF
PhraseFlow

PhraseFlow Documentation

Everything you need to integrate PhraseFlow into your application and start shipping multilingual features faster.

Quick Start

Next.js Integration
Add PhraseFlow to your Next.js app in minutes

1. Install Package

npm install @yonasvalentin/phraseflow-nextjs

2. Configure Plugin

// next.config.js
import phraseflow from '@yonasvalentin/phraseflow-nextjs/plugin';

export default phraseflow({
  apiKey: process.env.PHRASEFLOW_API_KEY,
  projectId: process.env.PHRASEFLOW_PROJECT_ID,
  defaultLanguage: 'en',
  languages: ['en', 'da', 'de'],
});

3. Use Translations

import { useTranslations } from '@yonasvalentin/phraseflow-nextjs';

export default function Page() {
  const t = useTranslations('en');
  return <h1>{t('welcome.title')}</h1>;
}
Expo / React Native
Add PhraseFlow to your mobile app

1. Install Package

npm install @yonasvalentin/phraseflow-expo

2. Add Provider

// App.tsx
import { TranslationProvider } from '@yonasvalentin/phraseflow-expo';

export default function App() {
  return (
    <TranslationProvider
      config={{
        apiKey: process.env.EXPO_PUBLIC_PHRASEFLOW_API_KEY,
        projectId: process.env.EXPO_PUBLIC_PHRASEFLOW_PROJECT_ID,
        defaultLanguage: 'en',
        languages: ['en', 'da'],
      }}
    >
      <YourApp />
    </TranslationProvider>
  );
}

3. Use Translations

import { useTranslations } from '@yonasvalentin/phraseflow-expo';

export default function Screen() {
  const t = useTranslations();
  return <Text>{t('welcome.title')}</Text>;
}

Core Concepts

Projects

Organize translations for different apps or services. Each project has its own API key and translation keys.

Translation Keys

Unique identifiers for text content (e.g., "welcome.title"). Supports dot notation for organization.

Languages

Add multiple target languages to your project. Each key can have translations in all languages.

AI Translation

Generate translations automatically using GPT-4. Review and edit before publishing.

Real-Time Sync

Update translations in the dashboard and see changes instantly in your app without redeployment.

Version History

Track all changes to translations over time. Revert to previous versions if needed.

Ready to Get Started?

Create your free account and start managing translations in minutes. No credit card required.

Additional Resources

API Reference

Complete API documentation for advanced integrations.

Coming Soon
GitHub Repository

View source code and contribute to PhraseFlow packages.

Coming Soon
Community & Support

Get help from our team and connect with other developers.

Coming Soon
Migration Guides

Migrate from Crowdin, Lokalise, or other platforms.

Coming Soon
PhraseFlow - AI-Powered Translation Management