概要

nextjsを利用したポートフォリオ

利用技術

• nextjs
• TypeScript
• MaterialUI
• recharts
• vercel

トピック

※やりたいことリストに近い

• vercel+prismaを利用した開発スキルの表示
  • get部分は/api
• ブログページの表示
• next-authを利用した認証機能の実装
  • X(旧Twitter)を認証プロバイダとする
• 認証済ユーザのみ開発スキルページが編集できる
  • 開発スキルのページをブラウザ上から編集できる
  • 認証済であれば編集できる

ブログページ

機能

• /blogsページに遷移できるようにする
• /blogsページには書いたブログのリストを表示
• /blogs/{id}に書いたブログページをおく
• /blogs
• [ ]

ホスティング周り

• terraformを使ってfirebaseHostingにホスティングする
• /blogsページのみSSG化する

デプロイ

$ firebase login
$ firebase deploy --only hosting