公開リポジトリをチェックしてください

Matthieu Vagnonケーススタディ (2025)

ヴァンニョン・マチュのウェブポートフォリオ。

ウェブアプリケーション • ポートフォリオ • ヴァンニョン・マチュ

プロジェクトの説明

これはReactとNext.jsを使用したウェブアプリケーションで、教育、学位、経験、スキルなどのプロフィール、過去のプロジェクト、およびそれぞれのケーススタディを紹介することができます。このアプリケーションでは、数回クリックするだけで予約や連絡ができ、モバイルとデスクトップで快適な体験を提供します。

スキル

ウェブデザインUI/UXデザインレスポンシブデザインWebプロジェクト管理デプロイWebメンテナンス

技術

gitnpmReactNext.jsTypeScriptTailwind CSSMotionChatGPTCursor IDEVercelNode.jsFigmaPixelmator

問題と課題

動的でパフォーマンスの高いReactアプリケーションを制作し、高品質なSEOを維持しながら、公開ソースコードで私のスキルを実証する必要がありました。
限られた時間で他のプロジェクトと並行してこのアプリケーションに取り組む必要がありました。
データ（プロフィール、プロジェクトなど）をホストするためのバックエンドインフラストラクチャがありませんでした。

解決策

Next.jsをフレームワークとして使用することを決定し、複数ページを管理するためにアプリルーターを活用しながらSEOを確保しました。
カスタマイズ性が強みである
ShadCN
などのコンポーネントライブラリを使用して、開発を加速させながら高品質なコードとパフォーマンスの最適化を確保しました。
完全なバックエンドインフラストラクチャを開発することなくアプリケーションデータを適切に管理するために、/dataフォルダを作成し、アプリケーションに必要なデータを格納しました。

結果

アプリケーションは利用可能で、私のプロフィールと経験に関する全ての重要な情報を提示しています。アプリケーションは使いやすく視覚的に美しいものになっています。訪問者は

Cal.com

の成功した実装のおかげで、簡単に予約を取ることができます。以前のクライアントからの推薦の統合も成功しており、押し付けがましくありません。

Matthieu Vagnonケーススタディ (2025)

ヴァンニョン・マチュのウェブポートフォリオ。

プロジェクトの説明

問題と課題

解決策

結果

関連リンク