Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tsuyukimakoto/chore_next_typescript


https://github.com/tsuyukimakoto/chore_next_typescript

Last synced: about 22 hours ago
JSON representation

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