概要
好きなトピックを選んで話すだけであなたの英語力を測定するサイトを作ってみました！
試してみてください🙏🙏
下記で技術的な構成の話をしています🙏🙏
技術的な話
全体構成
情報量少なめになりますが、ざっくり下記のような全体構成で作成しております。
サーバーレスなサービスたちで大体やりたいことはできるので便利ですね！
フレームワーク(Next.js)
仕事でも使い慣れているNextを使用しましたが初めてAppRouterを活用しての実装となりました。こちらもある程度概念を理解してからであれば問題なく開発することができました。
デザイン(Tailwind)
なかなか重い腰が降りなかったのですが、初めてtailwindを使用してみました。
意外と慣れると抵抗なくサクサクデザインができたので今後の個人開発ではどんどん活用していこうと思います！
V0
Vercelの出しているv0をデザインのアイデアに使用しました！
ちょっとあまりに画期的すぎて泣きました。