Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tsuyukimakoto/chore_next_typescript
https://github.com/tsuyukimakoto/chore_next_typescript
Last synced: about 22 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/tsuyukimakoto/chore_next_typescript
- Owner: tsuyukimakoto
- Created: 2022-07-21T13:16:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-24T06:36:40.000Z (over 2 years ago)
- Last Synced: 2023-03-11T01:21:01.359Z (over 1 year ago)
- Language: TypeScript
- Size: 310 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# chore_next_typescript
```
$ yarn create next-app --typescript
$ yarn add -D @chakra-ui/react @emotion/react @emotion/styled framer-motion
```_app.tsx の ComponentをChakraProviderで包む
## Style Props
https://chakra-ui.com/docs/styled-system/style-props
## Components
https://chakra-ui.com/docs/components
## storybook
storybookのinstall
reactのプロジェクトフォルダで実行する
```
$ npx sb init
```## swr
テストでアクセスする先
- lambda/function.py を AWS Lambdaに環境変数 TZ=Asia/Tokyo などを設定する
- httpのAPI Gatewayにlambdaを統合し、CORSの設定をする
- Access-Control-Allow-Origin: *
- Access-Control-Allow-Headers: content-type
- Access-Control-Allow-Methods: GET,POST,OPTIONS