Translate any Astro site without rebuilding your routing
One script in your base layout translates all Astro pages, MDX content, and island components — including React, Vue, and Svelte islands rendered client-side.
What gets translated
Astro pages and layouts
MDX and Markdown content
React, Vue, and Svelte islands
Astro DB and content collections
Client-side island interactions
Static and server-rendered pages
Setup guide
- 1
Create a Lingvit project
Sign up at app.lingvit.com and create a project for your Astro site. Add your production domain.
- 2
Add the script to your base layout
Open your base layout file (e.g. src/layouts/Layout.astro) and add the Lingvit script before </body>:
--- // src/layouts/Layout.astro --- <html> <head>...</head> <body> <slot /> <script src="https://cdn.lingvit.com/widget.bundle.js?v=1" is:inline async></script> </body> </html> - 3
Select languages and deploy
Choose target languages in the Lingvit dashboard and run astro build. Both static output and server-rendered pages are supported.
Need the full platform overview? Web Apps & SPAs use case guide →