Translate any Astro site without rebuilding your routing

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. 1

   Create a Lingvit project

   Sign up at app.lingvit.com and create a project for your Astro site. Add your production domain.

2. 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/v1/widget.bundle.js" is:inline async></script>
     </body>
   </html>

3. 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.