What is Bolt?
Bolt.new (bolt.new) is an AI-powered development environment that runs entirely in the browser. You can build, run, and deploy full-stack React applications with natural language prompts. Bolt supports React, Next.js, Vue, and other frameworks.
Why Lovalingo for Bolt?
Bolt generates React code that runs in a WebContainer environment. Lovalingo is a standard npm package that works in any React environment — including Bolt's in-browser runtime. You can install and configure Lovalingo directly from within Bolt's chat interface.
- Works in Bolt's WebContainer environment
- React and Next.js compatible
- AI-powered translation — no manual strings
- query or path routing modes
- Free starter plan
Install Prompt
Copy and paste this prompt into Bolt to add Lovalingo automatically:
Install Lovalingo in this Bolt app for automatic translation.
npm install @lovalingo/lovalingo
Wrap your root component or layout with LovalingoProvider:
import { LovalingoProvider } from '@lovalingo/lovalingo';
export default function App() {
return (
<LovalingoProvider
publicAnonKey="YOUR_KEY_HERE"
defaultLocale="en"
locales={["fr", "de", "es", "pt"]}
routing="query"
>
<YourApp />
</LovalingoProvider>
);
}
For SEO-friendly URLs, use routing="path" instead.How to set up Lovalingo with Bolt
- 1
Open Bolt.new
Create or open your project on bolt.new.
- 2
Ask Bolt to install Lovalingo
Paste the install prompt into the Bolt chat and let it configure everything.
- 3
Sign up for Lovalingo
Create a free account at lovalingo.com and get your public anon key.
- 4
Add your key
Set NEXT_PUBLIC_LOVALINGO_KEY or pass your key directly as the publicAnonKey prop.
Ready to translate your Bolt app?
Get started free. No credit card required. Your app in 10+ languages in minutes.
FAQ
Can I add translation to a Bolt.new app?
Yes. Bolt generates standard React code. You can install Lovalingo by asking Bolt to run npm install @lovalingo/lovalingo and wrap your app with LovalingoProvider.
Does Lovalingo work with Bolt's preview environment?
Yes. Lovalingo works in both development and production. You'll see translations in Bolt's live preview immediately after adding your API key.