{"id":22138416,"url":"https://github.com/takeruun/amplify-react-app","last_synced_at":"2026-05-06T11:36:24.987Z","repository":{"id":98236724,"uuid":"544474639","full_name":"takeruun/amplify-react-app","owner":"takeruun","description":"create react app by amplify","archived":false,"fork":false,"pushed_at":"2022-10-05T00:58:34.000Z","size":753,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-05T20:49:12.508Z","etag":null,"topics":["aws-amplify","react","typesc"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/takeruun.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}},"created_at":"2022-10-02T15:19:17.000Z","updated_at":"2022-10-03T00:09:40.000Z","dependencies_parsed_at":"2023-03-12T12:15:55.863Z","dependency_job_id":null,"html_url":"https://github.com/takeruun/amplify-react-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/takeruun/amplify-react-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takeruun%2Famplify-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takeruun%2Famplify-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takeruun%2Famplify-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takeruun%2Famplify-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/takeruun","download_url":"https://codeload.github.com/takeruun/amplify-react-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takeruun%2Famplify-react-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32692329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T08:33:17.875Z","status":"ssl_error","status_checked_at":"2026-05-06T08:33:17.221Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["aws-amplify","react","typesc"],"created_at":"2024-12-01T20:09:55.182Z","updated_at":"2026-05-06T11:36:24.968Z","avatar_url":"https://github.com/takeruun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Getting Started with Create React App\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n### `npm run eject`\n\n**Note: this is a one-way operation. Once you `eject`, you can’t go back!**\n\nIf you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.\n\nInstead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.\n\nYou don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n# start Amplify\n\n```sh\nnpm install -g @aws-amplify/cli\n```\n\n## Amplify 設定\n\n```sh\namplify configure\n```\n\n```\nFollow these steps to set up access to your AWS account:\n\nSign in to your AWS administrator account:\nhttps://console.aws.amazon.com/\nPress Enter to continue\n\nSpecify the AWS Region\n? region:  \u003ciam user region\u003e\nSpecify the username of the new IAM user:\n? user name: \u003ciam user name\u003e\n\n...\n\nEnter the access key of the newly created user:\n? accessKeyId:  \u003ciam user access key\u003e\n? secretAccessKey:  \u003ciam user secret access key\u003e\nThis would update/create the AWS Profile in your local machine\n? Profile Name:  \u003cprofile name\u003e\n\nSuccessfully set up the new user.\n```\n\n# Amplify プロジェクト構築\n\n## 初期化\n\n```sh\namplify init\n```\n\nもろもろ入力\n\n## 認証機能追加\n\n```sh\namplify add auth\n```\n\n```\nUsing service: Cognito, provided by: awscloudformation\n\n The current configured provider is Amazon Cognito.\n\n Do you want to use the default authentication and security configuration? Default configuration\n Warning: you will not be able to edit these selections.\n How do you want users to be able to sign in? Email\n Do you want to configure advanced settings? No, I am done.\n✅ Successfully added auth resource amplify566f3f35 locally\n\n✅ Some next steps:\n\"amplify push\" will build all your local backend resources and provision it in the cloud\n\"amplify publish\" will build all your local backend and frontend resources (if you have hosting category added) and provision it in the cloud\n```\n\n・デフォルトセキュリティ設定\n・Email 認証\n\n#### 反映\n\n```sh\namplify push\n```\n\n```\n✔ Successfully pulled backend environment dev from the cloud.\n\n    Current Environment: dev\n\n┌──────────┬─────────────────┬───────────┬───────────────────┐\n│ Category │ Resource name   │ Operation │ Provider plugin   │\n├──────────┼─────────────────┼───────────┼───────────────────┤\n│ Auth     │ amplify566f3f35 │ Create    │ awscloudformation │\n└──────────┴─────────────────┴───────────┴───────────────────┘\n? Are you sure you want to continue? Yes\n```\n\n## API 機能追加\n\n```sh\namplify add api\n```\n\n簡易的に RestAPI 作成\n\n```\n? Select from one of the below mentioned services: REST\n✔ Provide a friendly name for your resource to be used as a label for this category in the project: · amplify\n✔ Provide a path (e.g., /book/{isbn}): · /amplify\nOnly one option for [Choose a Lambda source]. Selecting [Create a new Lambda function].\n? Provide an AWS Lambda function name: amplify\n? Choose the runtime that you want to use: NodeJS\n? Choose the function template that you want to use: CRUD function for DynamoDB (Integration with API Gateway)\n? Choose a DynamoDB data source option Create a new DynamoDB table\n\nWelcome to the NoSQL DynamoDB database wizard\nThis wizard asks you a series of questions to help determine how to set up your NoSQL database table.\n\n✔ Provide a friendly name · amplify\n✔ Provide table name · todo\n\nYou can now add columns to the table.\n\n✔ What would you like to name this column · id\n✔ Choose the data type · number\n✔ Would you like to add another column? (Y/n) · yes\n✔ What would you like to name this column · title\n✔ Choose the data type · string\n✔ Would you like to add another column? (Y/n) · yes\n✔ What would you like to name this column · description\n✔ Choose the data type · string\n✔ Would you like to add another column? (Y/n) · no\n\nBefore you create the database, you must specify how items in your table are uniquely organized. You do this by specifying a primary key. The primary key uniquely identifies each item in the table so that no two items can have the same key. This can be an individual column, or a combination that includes a primary key and a sort key.\n\nTo learn more about primary keys, see:\nhttps://docs.aws.amazon.com/amazondynamodb/latest/developerguide/HowItWorks.CoreComponents.html#HowItWorks.CoreComponents.PrimaryKey\n\n✔ Choose partition key for the table · id\n✔ Do you want to add a sort key to your table? (Y/n) · no\n\nYou can optionally add global secondary indexes for this table. These are useful when you run queries defined in a different column than the primary key.\nTo learn more about indexes, see:\nhttps://docs.aws.amazon.com/amazondynamodb/latest/developerguide/HowItWorks.CoreComponents.html#HowItWorks.CoreComponents.SecondaryIndexes\n\n✔ Do you want to add global secondary indexes to your table? (Y/n) · no\n✔ Do you want to add a Lambda Trigger for your Table? (y/N) · no\nSuccessfully added DynamoDb table locally\n\nAvailable advanced settings:\n- Resource access permissions\n- Scheduled recurring invocation\n- Lambda layers configuration\n- Environment variables configuration\n- Secret values configuration\n\n? Do you want to configure advanced settings? No\n? Do you want to edit the local lambda function now? Yes\nEdit the file in your editor: /Users/take/myProject/sample-amplify/amplify/backend/function/amplify/src/app.js\n? Press enter to continue\nSuccessfully added resource amplify locally.\n\nNext steps:\nCheck out sample function code generated in \u003cproject-dir\u003e/amplify/backend/function/amplify/src\n\"amplify function build\" builds all of your functions currently in the project\n\"amplify mock function \u003cfunctionName\u003e\" runs your function locally\nTo access AWS resources outside of this Amplify app, edit the /Users/take/myProject/sample-amplify/amplify/backend/function/amplify/custom-policies.json\n\"amplify push\" builds all of your local backend resources and provisions them in the cloud\n\"amplify publish\" builds all of your local backend and front-end resources (if you added hosting category) and provisions them in the cloud\n✅ Succesfully added the Lambda function locally\n✔ Restrict API access? (Y/n) · no\n✔ Do you want to add another path? (y/N) · no\n✅ Successfully added resource amplify locally\n\n✅ Some next steps:\n\"amplify push\" will build all your local backend resources and provision it in the cloud\n\"amplify publish\" will build all your local backend and frontend resources (if you have hosting category added) and provision it in the cloud\n```\n\n・Rest API 作成\n\n・PATH: /amplify\n\n・Express の Lambda function\n\n#### 反映\n\n```sh\namplify push\n```\n\n```\n✔ Successfully pulled backend environment dev from the cloud.\n\n    Current Environment: dev\n\n┌──────────┬─────────────────┬───────────┬───────────────────┐\n│ Category │ Resource name   │ Operation │ Provider plugin   │\n├──────────┼─────────────────┼───────────┼───────────────────┤\n│ Api      │ amplify         │ Create    │ awscloudformation │\n├──────────┼─────────────────┼───────────┼───────────────────┤\n│ Storage  │ amplify         │ Create    │ awscloudformation │\n├──────────┼─────────────────┼───────────┼───────────────────┤\n│ Auth     │ amplify566f3f35 │ No Change │ awscloudformation │\n├──────────┼─────────────────┼───────────┼───────────────────┤\n│ Function │ amplify         │ No Change │ awscloudformation │\n└──────────┴─────────────────┴───────────┴───────────────────┘\n? Are you sure you want to continue? Yes\n\nDeployment completed.\nDeployed root stack amplify [ ======================================== ] 5/5\n\tamplify-amplify-dev-235126     AWS::CloudFormation::Stack     UPDATE_COMPLETE                Mon Oct 03 2022 01:16:36…\n\tstorageamplify                 AWS::CloudFormation::Stack     CREATE_COMPLETE                Mon Oct 03 2022 01:16:31…\n\tfunctionamplify                AWS::CloudFormation::Stack     UPDATE_COMPLETE                Mon Oct 03 2022 01:15:57…\n\tauthamplify566f3f35            AWS::CloudFormation::Stack     UPDATE_COMPLETE                Mon Oct 03 2022 01:15:58…\n\tapiamplify                     AWS::CloudFormation::Stack     CREATE_COMPLETE                Mon Oct 03 2022 01:16:21…\nDeployed api amplify [ ======================================== ] 5/5\n\tamplify                        AWS::ApiGateway::RestApi       CREATE_COMPLETE                Mon Oct 03 2022 01:16:06…\n\tfunctionamplifyPermissionampl… AWS::Lambda::Permission        CREATE_IN_PROGRESS             Mon Oct 03 2022 01:16:08…\n\tamplifyDefault5XXResponse      AWS::ApiGateway::GatewayRespo… CREATE_COMPLETE                Mon Oct 03 2022 01:16:10…\n\tamplifyDefault4XXResponse      AWS::ApiGateway::GatewayRespo… CREATE_COMPLETE                Mon Oct 03 2022 01:16:10…\n\tDeploymentAPIGWamplifyb6c7d1aa AWS::ApiGateway::Deployment    CREATE_COMPLETE                Mon Oct 03 2022 01:16:15…\nDeployed storage amplify [ ======================================== ] 1/1\n\tDynamoDBTable                  AWS::DynamoDB::Table           CREATE_COMPLETE                Mon Oct 03 2022 01:16:18…\n\n\nREST API endpoint: https://8szg58bm2h.execute-api.ap-northeast-1.amazonaws.com/dev\n```\n**API Gateway で cors を有効にしておく**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftakeruun%2Famplify-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftakeruun%2Famplify-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftakeruun%2Famplify-react-app/lists"}