#びきニキ奇譚

https://bknk.quest/

Next.js

TypeScript

TailwindCSS

びきニキの個人ブログもどき

びきニキ

推しアイデア

▼ NotionAPIで記事をサクッと一括管理!▼Notionが分かれば新しくCMSの使い方を覚えなくてもOKだぞ!

作った背景

▼ 発信は大事だけどしっかりと記事を書くのは腰が重いこともある ▼ まずは質より量!アウトプットの癖付けのため

推し技術

▼ ハックツ社内でデザインセンスを散々言われている私でも、ざっくり書けばよしなにしてくれたtailwind ▼ あとドメイン良くないか?

プロジェクト詳細

びきニキの個人ブログ、「#びきニキ奇譚」が誕生だ!

技術選定のアレコレ

🚀 Next.js ・ ちょっと使ったことあるけどサービスを作り切った経験がなかったからこれを機にと思い選定 ・巷ではNext.jsは技術負債になりかねないと言われているらしいがその時はその時で大工事するのも経験ですよね(物は良いよう)

🚀tailwind ・デザインを1から考えるのはしんどい、センスなくてもよしなにやってくれそう ・なんかチートシート多くて使いやすそうな印象を持っていた ・1回くらい触ってみたいなと

🚀TypeScript ・Next.js×TypeScript鉄板だろ、という感じで脳死選定した

🚀Notion API ・APIってちゃんと触ったことなかったから触りたかった ・でも個人ブログで新しくCMSの使い方覚えるの怠いし外部のCMSって使いにくい印象(※ 個人の意見です) ・Notionの触り心地好きだしブログとして取り入れてる例もあったのでNotionをヘッドレスCMSとして採用 ・最近は企業のページとかでも使われてるよね

🚀Vercel ・Next.jsと開発元同じやし相性ええやろ! ・デプロイ経験ないしVercelも使ったことないから経験です

どうなってるの?

NotionでDB作ってそこで管理してるよ

image

isPublicにチェック入れたら公開、外したら非公開になります🔓

▼ Notion側の記事 image

▼ 実際のブログ image

ほとんどそのままでブログになるのがストレスフリーで良いよね! まだ一部対応してないのとかもありますが...(トグルリストとか)

その他

ドメインかわいいね .quest !!!

びきニキ

@BkNkbot