Zenn
Closed4

Next.jsでサブスク管理アプリを作る

Next.js
React
wattanxwattanx

サブスクを結構利用しているのだが、登録したサービスが多くなってきて自分が把握できなくなってきたから簡単に管理できるアプリを作っていきたい。

wattanxwattanx

入れたい機能

  • 解約手順が載ってるページへのリンクを載せる
  • Google認証
  • サブスクを提供しているサービスのアイコンを表示する
wattanxwattanx

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>
+ )
}
このスクラップは2023/01/15にクローズされました