Skip to content

Added Interactive Demos & Playgrounds section in readme #1493

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed

Added Interactive Demos & Playgrounds section in readme #1493

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions packages/cli/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,17 @@
</a>
</p>

---
## 🚀 Interactive Demos & Playgrounds

To help you get started quickly, you can try Lingo.dev directly in your browser using StackBlitz. No local setup is required!

| Demo | Description | Try it Live |
| :--- | :--- | :--- |
| **Next.js (App Router)** | A demo showcasing Lingo.dev in a modern Next.js 14+ application. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/next-app) <br> [View Code](./demo/next-app) |
| **Vite + React** | A standard Vite + React (TypeScript) project demonstrating basic setup. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/vite-project) <br> [View Code](./demo/vite-project) |
| **React Router** | A demo using React Router for client-side routing and i18n. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/react-router-app) <br> [View Code](./demo/react-router-app) |
| **AdonisJS** | A server-side demo using the AdonisJS framework. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/adonisjs) <br> [View Code](./demo/adonisjs) |
Comment on lines +51 to +54
Copy link

Copilot AI Nov 12, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Incorrect GitHub repository name in StackBlitz URLs. All URLs use Circuit-Overtime/lingo.dev but should use lingodotdev/lingo.dev to match the repository organization used throughout the rest of the codebase.

This affects all four demo links:

  • Next.js (App Router)
  • Vite + React
  • React Router
  • AdonisJS

Each StackBlitz URL should be updated to use the correct repository path: https://stackblitz.com/github/lingodotdev/lingo.dev/tree/main/demo/...

Suggested change
| **Next.js (App Router)** | A demo showcasing Lingo.dev in a modern Next.js 14+ application. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/next-app) <br> [View Code](./demo/next-app) |
| **Vite + React** | A standard Vite + React (TypeScript) project demonstrating basic setup. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/vite-project) <br> [View Code](./demo/vite-project) |
| **React Router** | A demo using React Router for client-side routing and i18n. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/react-router-app) <br> [View Code](./demo/react-router-app) |
| **AdonisJS** | A server-side demo using the AdonisJS framework. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/Circuit-Overtime/lingo.dev/tree/main/demo/adonisjs) <br> [View Code](./demo/adonisjs) |
| **Next.js (App Router)** | A demo showcasing Lingo.dev in a modern Next.js 14+ application. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/lingodotdev/lingo.dev/tree/main/demo/next-app) <br> [View Code](./demo/next-app) |
| **Vite + React** | A standard Vite + React (TypeScript) project demonstrating basic setup. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/lingodotdev/lingo.dev/tree/main/demo/vite-project) <br> [View Code](./demo/vite-project) |
| **React Router** | A demo using React Router for client-side routing and i18n. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/lingodotdev/lingo.dev/tree/main/demo/react-router-app) <br> [View Code](./demo/react-router-app) |
| **AdonisJS** | A server-side demo using the AdonisJS framework. | [![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-%231374F1?logo=stackblitz)](https://stackblitz.com/github/lingodotdev/lingo.dev/tree/main/demo/adonisjs) <br> [View Code](./demo/adonisjs) |

Copilot uses AI. Check for mistakes.
---

## Meet the Compiler 🆕
Expand Down