SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション Docker✖️SpringBoot3のアプリケーションをRender.comにデプロイする
今パートの目標 前回はReactとAxiosを使用してAPIのHelloControllerに向けてリクエストを送信し、取得した結果を画面に表示する、フロントエンドとバックエンドの通信を行いました。今回はSpringBootアプリケーション...
環境構築編
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション 1-7.gitでソースコードを管理する(GitHub)
今パートの目標 前回はDocker環境にNext.js✖️Typescriptのアプリケーションを作成しました。今回は今まで作成したapiとfrontのソースコードをgit管理し、githubにプッシュしていこうと思います。 環境について ...
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-5.Docker✖️Next.jsの環境構築
今記事の目標 前回はDockerComposeを使用して実際にSpringBootを起動するところまで実施しました。今回はNext.jsを動かすDockerfileとdocker-compose.ymlを作成していきたいと思います。今回から...
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については前回を参考にしてください。 環境...
SpringBoot3(REST API)✖️Next.jsで作るSNSWebアプリケーション 1-1.macOs環境にDockerをインストールする
今パートの目標 Webアプリケーションの環境として、Dockerを使用したいと考えているので今回はまず、Dockerをインストールすることを目標とします。（mac環境です） Dockerとは Dockerとは、仮想化技術を使用してアプリケー...