jbrowse-react-circular-genome-view-nextjs

This is a demo of using the circular genome view with next14 and the app router.

Demo of @jbrowse/react-circular-genome-view with next.js

See this app running at https://jbrowse.org/demos/cgv-nextjs/.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Deploy

This page is deployed to https://jbrowse.org/demos/cgv-nextjs (uses output:export in next.config.js to create static build with no server side)

Footnote

Might not work with turbopack (which is next.js v16 default)

Gives errors like:

Module [project]/node_modules/@mui/x-data-grid/index.css [app-client] (css) was instantiated because it was required from module [project]/node_modules/@mui/x-data-grid/DataGrid/index.js [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.