このサイトで使用している技術と実装したい機能
2023年10月1日
目次
使用している技術
- Next13
- Storybook
- Scaffdog
- Componentを作る際に、でコマンドで必要なものを自動生成
- mdxでブログを書くときの自動生成
- 記事ogpの自動生成
- microCMS: aspida
- Visual testing: chromatic
- 検索機能: Algolia
- コメント機能: giscus
使用しているCMS
サイトを作る上で必要なファイルの生成
必要機能の自動生成
- feed
- sitemap.xml
- robots.txt
解析
- Google Tag Manager
広告
- ads.txt
作る際に意識したこと
サイト固有の情報はなるべくenvなどで外側から渡す。 もしくはconfigファイルでまとめるように
検討中の機能
目次のスクロールによるハイライト機能
2023年10月21日
完了
Chromaticを github actionで自動実行
2023年9月28日
いいね機能の実装
2023年9月28日
Vercel Analyticsの導入
2023年9月28日
リンクにブログカードを導入する
2023年9月28日
コードエリアにコピー機能と ファイル名表示機能を追加
2023年9月28日
コメント機能
2024年1月13日
検索機能
2024年1月13日
mdxページ作成の簡易化
2023年10月4日
完了
- mdxにlayout.tsxを用意する仕組みをmdxのみ作ればページが作れるような仕組みの検討
mdxページのsubmodule化
2023年10月4日
完了
- mdxのsubmoduleにして、ブログコンテンツを別リポジトリに分ける
vercelのdeploy時に@ducanh2912/next-pwaでエラーになる
2023年10月4日
閉じる
- 10/11時点で問題なさそうなため閉じる
mdxページに目次をつける
2023年9月28日
課題あり
SNS共有リンクの追加
2023年9月28日
待機
今後やりたいこと
- サイト固有の情報で外しきれていない部分に関して整理する
- 「サイトについて」「プロフィール」などのサイト固有のmdxファイルを置く場所を検討
- その上で、誰でも使えるようなものとしてリポジトリを公開する