自分についての経歴や経験を振り返るために、ポートフォリオサイトとして、FEがNext.jsとBEがRuby on Railsで制作しました。

内容としては

• 経歴、職歴紹介
• ポートフォリオ紹介
• ブログ表示
• 認証機能(DBの値を変更)

があります

意識した点は、1つはCSS設計やデザインを意識し、画面仕様やデザインなどを整理し、レスポンシブで綺麗にコーディングしている点です。
2つ目は、App Routerで実装し、読み込みを早めるため、Server Componentを利用しながら実装している点です。
3つ目にRuby on RailsでバックエンドのAPIを作っており、コスト削減のため、AWSではなく、Neon + Renderの構成で構築している点です。

5つ目は、サイト改善に役立てるため、Google アナリティクスやCalrityを導入しており、ログも設定している点です。

制作期間

使用技術

フロントエンド

• React
• Next.js
• SCSS
• OxLint
• Oxfmt
• Vitest
• Zustand

URL

Github

バックエンドGithub