blog.livewing.net

blog.livewing.net のブログです。

特徴

• Next.js ISR (Incremental Static Regeneration) による動的ページ生成
• TypeScript で記述
• microCMS でコンテンツを管理
• 記事は Markdown で記述 (remark)
• タグ機能
• アーカイブ機能
• KaTeX を用いた数式の埋め込み
• ダークモードに対応 (prefers-color-scheme)

環境変数

• APP_PROTOCOL: ブログ URL のプロトコル (例: https)
• APP_HOST: ブログ URL のホスト名 (例: blog.livewing.net)
• MICROCMS_API_KEY: microCMS の API キー
• MICROCMS_SERVICE_DOMAIN: microCMS のサービス ID
• REVALIDATE_SECONDS: revalidate の秒数 (省略可、デフォルト: 10)

microCMS API スキーマ

• site-metadata
• articles

クイックスタート

$ echo MICROCMS_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX > .env.development.local
$ echo MICROCMS_SERVICE_DOMAIN=XXXXX-YYYYY-ZZZZZ >> .env.development.local
$ npm i
$ npm run dev

開発サーバーは http://localhost:3000/ で動きます。

ライセンス

The MIT License でライセンスされています。