{"id":16367893,"url":"https://github.com/treetips/typescript-nextjs-redux-material-ui-example","last_synced_at":"2025-03-16T15:32:55.392Z","repository":{"id":44131209,"uuid":"153139275","full_name":"treetips/typescript-nextjs-redux-material-ui-example","owner":"treetips","description":"next.js v9, typescript v3.7, redux, material-ui v4, react-hooks, redux-saga, SSR","archived":false,"fork":false,"pushed_at":"2023-01-06T01:53:56.000Z","size":1854,"stargazers_count":119,"open_issues_count":9,"forks_count":17,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-12T02:51:17.912Z","etag":null,"topics":["material-ui","nextjs","react-hooks","redux","redux-saga","typescript"],"latest_commit_sha":null,"homepage":"https://typescript-nextjs-redux-material-ui-example.now.sh","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/treetips.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":"2018-10-15T15:40:35.000Z","updated_at":"2024-08-23T08:58:03.000Z","dependencies_parsed_at":"2023-02-05T02:00:35.224Z","dependency_job_id":null,"html_url":"https://github.com/treetips/typescript-nextjs-redux-material-ui-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treetips%2Ftypescript-nextjs-redux-material-ui-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treetips%2Ftypescript-nextjs-redux-material-ui-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treetips%2Ftypescript-nextjs-redux-material-ui-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treetips%2Ftypescript-nextjs-redux-material-ui-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/treetips","download_url":"https://codeload.github.com/treetips/typescript-nextjs-redux-material-ui-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221665574,"owners_count":16860282,"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","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":["material-ui","nextjs","react-hooks","redux","redux-saga","typescript"],"created_at":"2024-10-11T02:51:07.776Z","updated_at":"2024-10-27T10:51:27.195Z","avatar_url":"https://github.com/treetips.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# typescript-nextjs-redux-material-ui-example\n\nThis using typescript, next.js, redux, material-ui is simple, and is a sample corresponding to the server side rendering.\n\nBy VSCode and prettier and ESLint, realtime code format and realtime sentence structure check and rearranging of unused import are carried out in real time.\n\nこれは、typescript, next.js, redux, material-ui を使った、シンプルでサーバーサイドレンダリングに対応したサンプルです。\n\nVSCode と prettier と ESLint によって、リアルタイムに整形と構文チェックと未使用 import の整理が行われます。\n\n## Live demo\n\n[Live demo](https://typescript-nextjs-redux-material-ui-example.now.sh/)\n\n## Screenshot\n\n### For desktop\n\n![For desktop 1](https://user-images.githubusercontent.com/12574048/46964420-f9fb9180-d0e2-11e8-9c05-e1594c533947.png)\n![For desktop 2](https://user-images.githubusercontent.com/12574048/71005010-3337f300-2126-11ea-844c-d113f5d87255.png)\n\n### For mobile\n\n![For mobile](https://user-images.githubusercontent.com/12574048/46964454-126bac00-d0e3-11e8-8bdc-ebf47c907ed1.png)\n\n## Features\n\n- [Google App Engine Node.js Standard Environment](https://cloud.google.com/appengine/docs/standard/nodejs/)\n- [Visual Studio Code](https://code.visualstudio.com/)\n- [Typescript v3](https://www.typescriptlang.org/)\n- [Next.js v9](https://nextjs.org/)\n- [MATERIAL-UI v4](https://material-ui.com/)\n- [Redux](https://redux.js.org/)\n- [redux-saga](https://redux-saga.js.org/)\n- [typescript-fsa](https://github.com/aikoven/typescript-fsa)\n- [typescript-fsa-reducer](https://github.com/dphilipson/typescript-fsa-reducers)\n- [ESLint](https://eslint.org/)\n\n## Requirement\n\n- [Google Chrome](https://www.google.com/intl/ja_ALL/chrome/)\n- [Visual Studio Code](https://code.visualstudio.com/)\n- TypeScript v3.7 or higher( [require Optional Chaining](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining) )\n\n## Install Google Chrome addon\n\n- [Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ja)\n\n## Recommended VSCode addons\n\n- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)\n- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)\n\n## Usage\n\n### Download and install\n\n```bash\ngit clone https://github.com/treetips/typescript-nextjs-redux-material-ui-example.git\ncd typescript-nextjs-redux-material-ui-example\nnpm i\n```\n\n### Start local\n\n```bash\nnpm run dev\n```\n\n### Build and start production express server\n\n```bash\nnpm run build\nnpm start\n```\n\n## For google appengine\n\n### [Optional] appengine deploy Settings\n\n```bash\nvi ./deploy-appengine.sh\n```\n\n### Deploy appengine\n\n```bash\n./deploy-appengine.sh\n```\n\n## Related repository\n\n* [typescript-nextjs-redux-toolkit-material-ui-example](https://github.com/treetips/typescript-nextjs-redux-toolkit-material-ui-example)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftreetips%2Ftypescript-nextjs-redux-material-ui-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftreetips%2Ftypescript-nextjs-redux-material-ui-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftreetips%2Ftypescript-nextjs-redux-material-ui-example/lists"}