React × microCMSブログ

今後Reactを用いた開発案件に積極的に携わっていきたいと考えており、学習のアウトプットとしてこのブログサイトを開発しました。

フロントエンドはReactとTailwind CSSで構築、CMSにはmicroCMSを採用し、 API通信を含むコンテンツ管理の実装を想定しています。 VercelとGitHub ActionsによるCI/CDで、効率的な開発・デプロイが可能です。

特に、ユーザーとの接点となる以下の機能には力を入れました。 ABOUTページ： 簡易見積もりシミュレーターを実装し、ユーザーが直感的に費用感を把握できるようにしました。 CONTACTフォーム： React Hook Formを用いて、バリデーションチェックとユーザビリティを重視した設計です。特にウェブサイトの重要な部分であるため、UI/UXにこだわりました。現時点では送信機能は未実装ですが、今後バックエンドを構築し、実装予定です。