tsubasahiga / acty Goto Github PK

Quicintを参考に雛形となる動くもの用意する。

導入する内容

• ESLint
  • eslint-plugin-astro
  • eslint-plugin-jsx-a11y
  • eslint-config-react-app"
  • eslint-plugin-react-hooks（eslint-config-react-app"に内包）
  • eslint-plugin-tailwindcss
  • eslint-plugin-simple-import-sort
• Prettier
• husky
• lint-staged
• Stylelint
• Tailwind CSS
• React
• ress
• css設計の見直し（flecssベースだときつそう）
• これまで実装してきた.sassファイル
• これまで実装してきたutils系の.tsファイル
• buildしたディレクトリを.zip化する機能
• 画像周りの圧縮とコンポーネントhttps://docs.astro.build/en/guides/integrations-guide/image/
  • @astrojs/imageもいいけど、lgとsm切り替える場合どうするか考える必要がありそう。この際スクラッチでも良さそう？
• Google fonts周り
• SEO関連
• 何かしらのステート管理を追加
  • nanostoresが最高に使いやすそう。https://docs.astro.build/ja/core-concepts/sharing-state/
• console.logの削除など、astro or vite自体の設定
• Quicintと同様のレイアウト、HTML構造を出力出来るようなComponentを構築する
• commitlint追加する
• analytics
• sitemap
• stylelintにignorePseudoClasses: ['global']追加する
• 実際にActyを使用して得られた改善を反映する
• analyticsのサンプル文字列出力しないようにする

参考ボイラープレート

• https://github.com/ixartz/Astro-boilerplate

参考サイト

• 公式Docs
• Astro+TailwindCSS+Sass+Stylelint+Eslint+Prettier+VSCodeで環境構築
• Astroでブログ置き換えの作業メモ