Skip to main content

Next.js

Here are the differences from a typical Next.js project.

Packages​

  • liqvid
  • @liqvid/studio
  • @liqvid/prompts
  • @lqv/cursor

Routes​

  • app/[[...route]]/page.dev-only.tsx
  • app/api/liqvid/[[...route]]/route.dev-only.ts

Components​

@/components/liqvid

Other files​

  • .dynamic-imports.ts
    Regenerate this file with
    npx @liqvid/cli generate-imports
  • project.json

Next configuration​

headers​

We add headers in development mode to enable cross-origin isolation, needed for recording accuracy.

Biome / TypeScript configuration​

no-private-imports