{"library":"next-vite-dev","title":"Nextvi","description":"Nextvi (next-vite-dev v1.1.0) lets you run a lightweight Vite dev server alongside Next.js, consuming src/app/ pages without modifying any business code. It auto-generates react-router routes from the Next.js app directory, handles async server components by converting them to sync, and provides shims for next/link, next/image, and next/navigation. Target audience: Next.js developers suffering from high memory usage or slow HMR in large projects. Release cadence: early-stage, active development. Differentiator: zero-config, zero-code-change Vite integration with automatic route generation and wrapper overrides for server-fetch pages.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install next-vite-dev"],"cli":{"name":"nextvite","version":null}},"imports":["import nextvi from 'next-vite-dev'","import { routes } from 'virtual:auto-routes'","import Link from 'next/link'","import { useRouter } from 'next/navigation'","import Image from 'next/image'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// vite.config.ts\nimport { defineConfig } from 'vite'\nimport nextvi from 'next-vite-dev'\n\nexport default defineConfig({\n  plugins: [nextvi()],\n})\n\n// index.html (project root)\n<!DOCTYPE html>\n<html lang=\"en\">\n  <head><meta charset=\"UTF-8\" /><title>My App</title></head>\n  <body>\n    <div id=\"root\"></div>\n    <script type=\"module\" src=\"/vite/entry.tsx\"></script>\n  </body>\n</html>\n\n// vite/entry.tsx\nimport '../src/app/globals.css'\nimport ReactDOM from 'react-dom/client'\nimport ViteApp from './ViteApp'\n\nReactDOM.createRoot(document.getElementById('root')!).render(<ViteApp />)\n\n// vite/ViteApp.tsx\nimport { Suspense } from 'react'\nimport { createBrowserRouter, RouterProvider } from 'react-router-dom'\nimport { routes } from 'virtual:auto-routes'\n\nconst router = createBrowserRouter(routes)\n\nexport default function ViteApp() {\n  return (\n    <Suspense fallback={<div>Loading...</div>}>\n      <RouterProvider router={router} />\n    </Suspense>\n  )\n}","lang":"typescript","description":"Initialize Nextvi by adding the Vite plugin, creating index.html, Vite entry, and ViteApp component to auto-generate routes from your existing Next.js app directory.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}