CANOPUSポートフォリオ

  • HTML
  • CSS
  • JavaScript
  • React.js
  • Next.js
CANOPUSポートフォリオ
CANOPUSポートフォリオ

Role

  • コーディング
  • CMS構築
  • 保守運用

Site URL

https://canopus-portfolio-site.com/

Description

ポートフォリオサイトです。 自身のポートフォリオサイトでNext.jsを採用し制作しました。 2022年公開時はPage Rooterを使用していましたが、2024年にApp Rooterに移行させました。 ページ遷移アニメーションにはFramer motionを利用し動きをリッチにしました。 Blogページでは、Zennに投稿した記事をAPI経由で取得し表示させています。 アプリ開発を通して学んだことや、自分がWeb制作を通して経験したことを記事に指定ます。 Workページでは、自身の制作物を表示しており、一般公開しているサイトと公開制限しているサイトを分けています。 公開制限をしているページでは、IDとパスワードを入力することで閲覧できるように実装しており、一度入力するとそのセッション中は再入力を求められないように設計しています。 閲覧希望者の方はFormよりお問い合わせください。 CI/CDはVercelを採用しています。