react-plotly.js Example

How to use

Clone the repo

$ git clone [email protected]:aulneau/next.js-with-react-plotly.js.git
$ cd next.js-with-react-plotly.js

Install it and run:

yarn install
yarn run dev

Deploy it to the cloud with now (download)

now

The idea behind the example

Next.js is a framework for universal react applications. react-plotly.js can be used with next.js by dynamically importing it and deferring render until the client receives it.

import dynamic from 'next/dynamic'

const DynamicPlot = dynamic(import('../components/plot'), {
  ssr: false
})