Closed4
Next.jsでサブスク管理アプリを作る
サブスクを結構利用しているのだが、登録したサービスが多くなってきて自分が把握できなくなってきたから簡単に管理できるアプリを作っていきたい。
入れたい機能
- 解約手順が載ってるページへのリンクを載せる
- Google認証
- サブスクを提供しているサービスのアイコンを表示する
Chakra UIを使用する
導入
yarn add @chakra-ui/react @emotion/react @emotion/styled framer-motion
_app.tsx
+ import { ChakraProvider } from "@chakra-ui/react";
function MyApp({ Component, pageProps }) {
- return <Component {...pageProps} />
+ return (
+ <ChakraProvider>
+ <Component {...pageProps} />
+ </ChakraProvider>
+ )
}
FirebaseのAPI Keyは公開しても大丈夫だそう
初めて知った...
頑張って隠ぺいしようとしてたんやけど...
このスクラップは2023/01/15にクローズされました