Next.js

rails-next.js-blog

portfolio機能の実装(総復習編②)

Rails, Next.jsを使った機能を開発してそれをAWS ECSへデプロイします。 機能を開発した後でそれを本番環境へ適用させる過程を学習します。
rails-next.js-blog

AWS ECSデプロイ

ECSを使ったRailsとNext.jsのデプロイまでの手順や注意点、デバッグの方法まで全て紹介します。 ECSのFargate起動タイプによるデプロイをマスターしましょう。
rails-next.js-blog

blog機能の実装(総復習)

blog機能を0から完成させていきましょう。 データベース設計やRuby on Railsの基礎基本、API、Next.jsのフロントエンドの実装全ての要素がこの中に詰まっています。 これまで学習したことを思い出してトライしていきましょう。
rails-next.js-blog

NotionのコンテンツをNext.jsに表示する

careerの詳細ページを実装します。 careerの詳細ページはご自身のnotionで作成したページをそのままnext.js上に表示させます。 そのために必要なライブラリとその設定方法やアプリケーションへの組み込み方を学習します。 その過程でNext.jsの動的ルーティング(Dynamic Routes)を理解します。
rails-next.js-blog

Career機能の実装(総復習)

過去の経歴を管理する機能から表示する機能まで一気に実装します。これまで作成してきた機能を使いつつ必要なところは追加で実装します。
rails-next.js-blog

APIリクエストとデータ表示

Next.jsからRailsのエンドポイントに対してリクエストを投げて、その結果を画面に表示させる処理を実装します。 Next.jsのアーキテクチャ設計についても触れながら、堅実なアプリケーションにしていきます。
rails-next.js-blog

ユーザー側のトップページ作成

nextjsでルートのページの見た目部分を作成します。scssのインストールとコンポーネントの分割について取り扱います
rails-next.js-blog

Dockerを使ってNext.jsのローカル環境構築

Docker, docker-compose, nextjsを使ってローカル環境を構築するまでの手順を紹介します