Web App
You can start an example and hack the source code. The changes will build automatically and will be available in your browser.
# Start and example defined in the packages/react/webpack.config.js file.
# open http://localhost:3208
npm start
This will consume kernels from the Datalayer development free servers in the cloud. If you need your own server (on your local machine or on your cloud), refer to this Jupyter Server documentation
We have a variety of examples, pick one in the following commands and enjoy.
# Run the Vite example
# open http://localhost:3000
npm run jupyter:ui:vite
# Run the Lexical example
# open http://localhost:3208
npm run jupyter:ui:lexical
# Run the Docusaurus example
# open http://localhost:3000/docs/intro
npm run jupyter:ui:docusaurus
# Run the Next.js example
# open http://localhost:3000
npm run jupyter:ui:nextjs
While running those example, hot reload is supported:
- Changing the source code of the example and your browser should reflect those changes.
- If you need to change the core react package
@datalayer/jupyter-react
, you will need to runnpm watch
in thepackages/react
folder.