{"id":15345919,"url":"https://github.com/datalayer-examples/jupyter-nextjs-example","last_synced_at":"2025-10-04T13:57:49.228Z","repository":{"id":192027960,"uuid":"685822566","full_name":"datalayer-examples/jupyter-nextjs-example","owner":"datalayer-examples","description":"🪐 ⚛️ Jupyter Next.js example.","archived":false,"fork":false,"pushed_at":"2025-07-17T18:30:19.000Z","size":46,"stargazers_count":4,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-17T22:09:25.822Z","etag":null,"topics":["jupyter","nextjs","react"],"latest_commit_sha":null,"homepage":"https://jupyter-ui.datalayer.tech","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/datalayer-examples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-09-01T05:04:12.000Z","updated_at":"2025-07-17T18:30:23.000Z","dependencies_parsed_at":"2024-04-14T07:40:42.477Z","dependency_job_id":"e2d70bb6-a90e-44c5-a93a-32d63bba0316","html_url":"https://github.com/datalayer-examples/jupyter-nextjs-example","commit_stats":null,"previous_names":["echarles/jupyter-nextjs-example"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/datalayer-examples/jupyter-nextjs-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datalayer-examples%2Fjupyter-nextjs-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datalayer-examples%2Fjupyter-nextjs-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datalayer-examples%2Fjupyter-nextjs-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datalayer-examples%2Fjupyter-nextjs-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/datalayer-examples","download_url":"https://codeload.github.com/datalayer-examples/jupyter-nextjs-example/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datalayer-examples%2Fjupyter-nextjs-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278322146,"owners_count":25967874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jupyter","nextjs","react"],"created_at":"2024-10-01T11:17:45.053Z","updated_at":"2025-10-04T13:57:49.223Z","avatar_url":"https://github.com/datalayer-examples.png","language":"TypeScript","funding_links":["https://github.com/sponsors/datalayer"],"categories":[],"sub_categories":[],"readme":"[![Datalayer](https://assets.datalayer.tech/datalayer-25.svg)](https://datalayer.io)\n\n[![Become a Sponsor](https://img.shields.io/static/v1?label=Become%20a%20Sponsor\u0026message=%E2%9D%A4\u0026logo=GitHub\u0026style=flat\u0026color=1ABC9C)](https://github.com/sponsors/datalayer)\n\n# Jupyter UI for Next.js\n\n\u003e Live example on https://jupyter-nextjs-example.vercel.app\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n\u003cdiv align=\"center\" style=\"text-align: center\"\u003e\n  \u003cimg alt=\"Jupyter UI Next.js\" src=\"https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-nextjs.png\" /\u003e\n\u003c/div\u003e\n\nRead more on the [documentation website](https://jupyter-ui.datalayer.tech/docs/examples/next-js) (ensure you have tne needed [development environment](https://jupyter-ui.datalayer.tech/docs/develop/setup)).\n\n## Getting Started\n\nFirst, run the development server.\n\n```bash\nnpm i\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\n## Production Build\n\nTo create a production build, you first need to patch `@jupyter-widgets/controls` to avoid issues with early loadings via `require.js`.\n\n```patch\ndiff --git a/node_modules/@jupyter-widgets/controls/lib/index.js b/node_modules/@jupyter-widgets/controls/lib/index.js\nindex 0063f69..ade0862 100644\n--- a/node_modules/@jupyter-widgets/controls/lib/index.js\n+++ b/node_modules/@jupyter-widgets/controls/lib/index.js\n@@ -22,5 +22,5 @@ export * from './widget_tagsinput';\n export * from './widget_string';\n export * from './widget_description';\n export * from './widget_upload';\n-export const version = require('../package.json').version;\n+export const version = \"0.1.0\";\n //# sourceMappingURL=index.js.map\n\\ No newline at end of file\ndiff --git a/node_modules/@jupyter-widgets/controls/src/index.ts b/node_modules/@jupyter-widgets/controls/src/index.ts\nindex 912458d..5edaa11 100644\n--- a/node_modules/@jupyter-widgets/controls/src/index.ts\n+++ b/node_modules/@jupyter-widgets/controls/src/index.ts\n@@ -24,4 +24,4 @@ export * from './widget_string';\n export * from './widget_description';\n export * from './widget_upload';\n \n-export const version = (require('../package.json') as any).version;\n+export const version = \"5.0.12\";\n```\n\nYou can create a static version of the application that you will find under the `out` folder.\n\n```bash\nnpm run build\nnpm start\n```\n\n## ⚖️ License\n\nCopyright (c) 2025 Datalayer, Inc.\n\nReleased under the terms of the MIT license (see [LICENSE](https://github.com/datalayer/jupyter-ui/blob/main/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatalayer-examples%2Fjupyter-nextjs-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdatalayer-examples%2Fjupyter-nextjs-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatalayer-examples%2Fjupyter-nextjs-example/lists"}