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

内容としては

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

があります

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

制作期間

使用技術

フロントエンド

• React
• Next.js
• SCSS
• ESLint
• Prettier
• Vitest
• Zustand

URL

Github

バックエンドGithub