SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション SpringBoot3✖️SpringDataJpaでDBのデータを取得する
今パートの目標 前回はデータベース接続の第二弾としてSpringBoot3✖️FlyWayでPostgresqlDBのマイグレーションを作成しました。ここまでで準備は完了したので今回はSpringBoot3✖️SpringDataJpaでD...
macOs
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション Docker✖️ReactアプリケーションをRender.comにデプロイする
今パートの目標 前回はSpringBootアプリケーションをRenderにデプロイしました。今回はフロントエンドのReactをRender.comにデプロイして本番環境でフロントエンドとバックエンドの通信をやっていきたいと思います。 作業用...
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション Docker✖️SpringBoot3のアプリケーションをRender.comにデプロイする
今パートの目標 前回はReactとAxiosを使用してAPIのHelloControllerに向けてリクエストを送信し、取得した結果を画面に表示する、フロントエンドとバックエンドの通信を行いました。今回はSpringBootアプリケーション...
APIとフロントエンドの通信編 2-2.React✖️AxiosでAPIにリクエストを送信しHelloWorldを表示する
今パートの目標 前回はリクエストを送ると「HelloWorld」というテキストをレスポンスとして返すHelloControllerの作成をしました。今回はReactとAxiosを使用してAPIで作成したHelloControllerに向けて...
APIとフロントエンドの通信編 2-1.Springboot3のRESTAPIでHelloWorldを返すコントローラーを作成する
今パートの目標 前回はapiとfrontのソースコードをgit管理し、githubにプッシュするところまで実施しました。今回はリクエストを送ると「HelloWorld」というテキストをレスポンスとして返すHelloControllerの作成...
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション 1-6.Docker環境にNext.js✖️Typescript✖️tailwindcssのアプリを作成する
今パートの目標 前回はNext.jsアプリを起動できDocker環境の構築をしました。今回はその環境にNext.js✖️Typescript✖️tailwindcssのアプリを作成していきたいと思います。 環境について Next.js 14...
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション 1-4.SpringBoot3を起動するdocker-compose.ymlを作成する
今パートの目標 前回はSpring Initializrを使用してSpringBootの雛形を作成しました。今回はDockerComposeを使用して実際にSpringBootを起動していきたいと思います。 環境について SpringBoo...
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション 1-3.Spring InitializrでSpringBoot3✖️Java17の雛形を作成する
今パートの目標 前回はDocker環境でSpringBootを起動するためのDockerfileを作成しました。今回はSpring Initializrを使用してSpringBootの雛形を作成していきたいと思います。 環境について Spr...
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション 1-2.SpringBoot3✖️Java17を動かすDockerfileを作成する
今パートの目標 前回はDockerをインストールするところまで実施しました。今回はDocker環境でSpringBootを起動するためのDockerfileを作成していきたいと思います。Dockerについては前回を参考にしてください。 環境...