souvlaki.dev

shallow90125/souvlaki

概要

自己紹介や製作物をまとめたサイトがほしいと思い製作しました

技術

• Astro
• Tailwind CSS

工夫

• Astroへのリプレイス
  最初は速く完成させようと思い慣れていたNext.jsで作ったが、フレームワークの機能性がこのサイトには過剰すぎるなと思ったので前から気になっていたAstroにリプレイスした
  Astroは開発が快適だった、静的サイトの構築にはまた使いたい
  技術ブログをやっても面白そう (という気持ちはあるが文章書けない)

• ホーム
  おしゃれにしたかったので動くグラデーションをやってみた

• 製作物の説明文などはMarkdownで書けるようにした
  Next.jsで最初作ったときはタグに文章ベタ打ちしてたのが渋かった

• Prettier
  インポートを並べ替えてくれるプラグインがお気に入り、Astroコンポーネントのインポートも並べ替えてくれるやつがあるのでおすすめです
  prettier-plugin-organize-imports
  prettier-plugin-astro-organize-imports