Prerequisites

Before we start, make sure you have:

• A Laravel project (Laravel 9+ recommended).

• Google Cloud account and Translation API enabled.

• Composer installed.

• Basic understanding of Laravel routes, controllers, and views.

Step 1: Install Google Cloud Translation SDK

Run the following command in your Laravel project:

composer require google/cloud-translate

Step 2: Set Up Google Cloud Credentials

1. Go to your Google Cloud Console → APIs & Services → Credentials.

2. Create a Service Account Key (JSON).

3. Save the JSON file in your project (e.g., storage/app/google-credentials.json).

4. Set the environment variable in .env:

GOOGLE_APPLICATION_CREDENTIALS=/full/path/to/google-credentials.json

Step 3: Create a Translation Service

Create a service to handle translation logic.

// app/Services/TranslationService.php

namespace App\Services;

use Google\Cloud\Translate\V2\TranslateClient;
use Illuminate\Support\Facades\Cache;

class TranslationService
{
    protected $translate;

    public function __construct()
    {
        $this->translate = new TranslateClient([
            'keyFilePath' => env('GOOGLE_APPLICATION_CREDENTIALS'),
        ]);
    }

    /**
     * Translate content to the given language
     *
     * @param string $text
     * @param string $target
     * @return string
     */
    public function translate(string $text, string $target): string
    {
        // Generate a cache key for this text and language
        $cacheKey = 'translation_' . md5($text . $target);

        // Check if translation exists in cache
        return Cache::rememberForever($cacheKey, function () use ($text, $target) {
            $result = $this->translate->translate($text, [
                'target' => $target,
            ]);
            return $result['text'] ?? $text;
        });
    }
}

✅ Explanation:

• Uses Cache::rememberForever to store translations, reducing Google API calls and cost.

• Bulk content translation can be done by looping through all website texts.

Step 4: Create a Language Dropdown

In your Blade template, add a dropdown for language selection:

<form method="GET" action="{{ route('translate') }}">
    <select name="lang" onchange="this.form.submit()">
        <option value="en" {{ session('lang')=='en' ? 'selected' : '' }}>English</option>
        <option value="fr" {{ session('lang')=='fr' ? 'selected' : '' }}>French</option>
        <option value="es" {{ session('lang')=='es' ? 'selected' : '' }}>Spanish</option>
        <option value="de" {{ session('lang')=='de' ? 'selected' : '' }}>German</option>
    </select>
</form>

Step 5: Create a Translation Controller

// app/Http/Controllers/TranslationController.php

namespace App\Http\Controllers;

use App\Services\TranslationService;
use Illuminate\Http\Request;

class TranslationController extends Controller
{
    protected $translator;

    public function __construct(TranslationService $translator)
    {
        $this->translator = $translator;
    }

    public function translate(Request $request)
    {
        $lang = $request->get('lang', 'en');
        session(['lang' => $lang]);

        // Example: translating all website texts
        $contents = [
            'welcome' => 'Welcome to our website!',
            'about' => 'We provide high-quality Laravel tutorials.',
            'contact' => 'Contact us for more information.'
        ];

        $translated = [];
        foreach ($contents as $key => $text) {
            $translated[$key] = $this->translator->translate($text, $lang);
        }

        return view('welcome', ['translations' => $translated]);
    }
}

Step 6: Update Routes

// routes/web.php

use App\Http\Controllers\TranslationController;

Route::get('/translate', [TranslationController::class, 'translate'])->name('translate');

Step 7: Display Translated Content in Blade

<h1>{{ $translations['welcome'] ?? 'Welcome' }}</h1>
<p>{{ $translations['about'] ?? 'About us' }}</p>
<p>{{ $translations['contact'] ?? 'Contact' }}</p>

✅ Explanation:

• translations array contains cached translated text.

• Once a text is translated, it’s served from cache, saving API costs.

Step 8: Bulk Translation for Full Website

If you want to translate dynamic content from database, loop through your models:

$posts = \App\Models\Post::all();

foreach ($posts as $post) {
    $post->title_translated = $this->translator->translate($post->title, $lang);
    $post->body_translated  = $this->translator->translate($post->body, $lang);
}

This way, all posts or content can be translated in bulk safely.

Step 9: Optimize for Cost & Performance

• Use Cache::rememberForever to store translated strings.

• Translate only unique texts to reduce repeated API calls.

• Consider translating database content once and saving it for future visits.

✅ Conclusion

In this tutorial, you learned how to:

1. Integrate Google Cloud Translation API with Laravel.

2. Add a language dropdown for users to switch languages.

3. Translate all website content safely in bulk.

4. Implement cache to save API costs and improve performance.

This setup allows you to make your Laravel website truly multilingual while keeping costs low and performance high.