{"id":13431871,"url":"https://github.com/vip-git/nextjs-react-jsonschema-form-material-ui-example","last_synced_at":"2026-01-22T05:02:18.293Z","repository":{"id":37730343,"uuid":"342678358","full_name":"vip-git/nextjs-react-jsonschema-form-material-ui-example","owner":"vip-git","description":null,"archived":false,"fork":false,"pushed_at":"2022-07-02T06:16:57.000Z","size":392,"stargazers_count":3,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-22T20:37:31.460Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://nextjs-react-jsonschema-form-material-ui-example.vercel.app/","language":"CSS","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/vip-git.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}},"created_at":"2021-02-26T19:22:42.000Z","updated_at":"2024-10-16T03:34:04.000Z","dependencies_parsed_at":"2022-09-15T14:14:30.869Z","dependency_job_id":null,"html_url":"https://github.com/vip-git/nextjs-react-jsonschema-form-material-ui-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vip-git/nextjs-react-jsonschema-form-material-ui-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fnextjs-react-jsonschema-form-material-ui-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fnextjs-react-jsonschema-form-material-ui-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fnextjs-react-jsonschema-form-material-ui-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fnextjs-react-jsonschema-form-material-ui-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vip-git","download_url":"https://codeload.github.com/vip-git/nextjs-react-jsonschema-form-material-ui-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fnextjs-react-jsonschema-form-material-ui-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28655026,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T01:17:37.254Z","status":"online","status_checked_at":"2026-01-22T02:00:07.137Z","response_time":144,"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":[],"created_at":"2024-07-31T02:01:06.626Z","updated_at":"2026-01-22T05:02:18.278Z","avatar_url":"https://github.com/vip-git.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"## NextJS - React JSONSchema Form Material UI - Example\n\nThis is a small demo project showcasing compatiblity of nextjs with [react-jsonschema-form-material-ui](https://github.com/vip-git/react-jsonschema-form-material-ui)\n\n```bash\nyarn\nnpm run build\nnpm start\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n#### Example Code can be [seen here](./pages/index.js)\n```jsx\nimport React from 'react';\nimport MaterialJsonSchemaForm from 'react-jsonschema-form-material-ui';\n\nimport schema from '../simple/schema.json';\nimport uiSchema from '../simple/ui-schema.json';\nimport givenFormData from '../simple/form-data.json';\n\nconst theme = {\n  palette: {\n    primary: {\n      light: '#757ce8',\n      main: '#3f50b5',\n      dark: '#002884',\n      contrastText: '#fff',\n    },\n    secondary: {\n      light: '#ff7961',\n      main: '#f44336',\n      dark: '#ba000d',\n      contrastText: '#000',\n    },\n  },\n};\n\nexport default () =\u003e {\n  const [formData, setFormData] = React.useState(givenFormData);\n  return \u003cMaterialJsonSchemaForm \n            schema={schema} \n            uiSchema={uiSchema} \n            formData={formData} \n            theme={theme} // Optional\n            onChange={({ formData }) =\u003e setFormData(formData)}\n            onSubmit={() =\u003e console.log('form submitted')}\n          /\u003e;\n};\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvip-git%2Fnextjs-react-jsonschema-form-material-ui-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvip-git%2Fnextjs-react-jsonschema-form-material-ui-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvip-git%2Fnextjs-react-jsonschema-form-material-ui-example/lists"}