Complete examples showing how to integrate JSX Tool with different frameworks and project structures.
If you're using Vite, setup is simple - just add the JSX Tool Vite plugin:
- react-router-with-vite - Single package with Vite plugin
- vite-monorepo - Monorepo with shared packages using Vite plugin
If you're not using Vite (Next.js, Create React App, or any other framework), you'll need to manually start the JSX Tool dev server and inject scripts. These examples use Next.js but the patterns apply to any non-Vite project:
- next-without-proxy - ⭐ Recommended - Manual installation
- next-with-proxy - Proxy-based setup (can cause redirect issues)
- next-monorepo - Monorepo with shared packages using manual setup
Using Vite? → Use the Vite plugin examples (automatic setup)
Not using Vite? → Follow the Next.js examples (manual setup applies to any framework)
Have a monorepo? → See vite-monorepo or next-monorepo for additionalDirectories configuration
- JSX Tool Documentation
- Each example has its own detailed README with setup instructions