Closed21

Gatsby + TypeScript + Tailwindcssでブログ作る

nus3nus3

ゴール

Gatsby + TypeScript + Tailwindcssのブログを公開する

個人のblogをmarkdownで書きつつ、zennの記事も表示できるようにしたい

参考にしたブログ

https://www.ryusou.dev/

nus3nus3

やること

アプリケーション

  • gatsby cliのインストール
  • gatsby cliのデフォルトpacakge managerをyarnに変更
  • gatsby starter blog からプロジェクト作る
  • typescript導入
  • eslint, prettierの導入
  • tailwindcssの導入
  • デザイン当てる
  • zennの記事情報を取得する
  • ロゴ依頼
  • 記事のタイトルからOGPを自動生成する
  • readmeの更新
  • github actionsでCI設定しとく
  • 無限スクロールの実装

デプロイ環境

  • お名前でドメインとる
  • netlifyの無料sslとかやる
nus3nus3

issueに書くこと

  • tsconfigでbaseurl使いたい
  • シンタックスハイライト部分のレスポンシブ対応できてない
nus3nus3

参考

nus3nus3

実装したい機能とかまだあるけどissueに残したのでclose!

このスクラップは2021/09/29にクローズされました