ブログを作り直す

今のブログ
https://purpleeeee.com

作り直したい動機

• ブログを書く際にmicroCMSへのログインがめんどくさい
• 就活時に作ったので学生感がある（？）
• Next触りたい
• 連携させるかわからないがNotionのAPI勉強したい

yarn create next-app --typescript

まずpagesをsrcの下に入れたい
https://nextjs.org/docs/advanced-features/src-directory

layoutコンポーネント
ざっと読んだ感じ共通レイアウトのstate保持とか呼び出しのAPIを提供してくれてるっぽい
なんか使わなくてもよさそうだけどあとで試す
https://nextjs.org/docs/basic-features/layouts

https://zenn.dev/5t111111/articles/80934cdda55328

「ぼくのかんがえたさいきょうのButtonコンポーネント」を作りたいのでUIライブラリは使わないようにしようかな

やっぱりファイルベースルーティングは良い
これだけでNextを選定する理由になる気がする

/pages/Index/index.tsxをroot parhにしたい

https://nextjs.org/docs/advanced-features/custom-document

ドキュメント見ないとわからない！ってことがやっぱりあるな...（FWだから仕方ない）
_app.tsxとか_document.tsxの名前指定とか

styled-componentsが動かなくて困ってたらこういうのが必要だった
https://github.com/vercel/next.js/blob/46710101695a9f78482b6e03f161eb11361b9a26/examples/with-styled-components/pages/_document.tsx

https://zenn.dev/catnose99/articles/3d2f439e8ed161

https://developers.notion.com/

かなりがっつり作られているものを見つけてちょっと萎えてしまった
https://github.com/transitive-bullshit/nextjs-notion-starter-kit
https://github.com/craigary/nobelium

https://blog.shibayu36.org/entry/2019/12/11/193000

notion apiのクライアントが散見される
https://github.com/NotionX/react-notion-x

とりあえず公式使う
https://github.com/makenotion/notion-sdk-js