aulneau / next.js-with-react-plotly.js

A next.js example using react-plotly.js

Home Page:https://next-react-plotly.now.sh

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Deploy to now

How to use

Clone the repo

$ git clone git@github.com: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
})

About

A next.js example using react-plotly.js

https://next-react-plotly.now.sh


Languages

Language:JavaScript 100.0%