XserverでCI/CD化して自動デプロイを実現する方法
Xserverへのアプリケーションの継続的デプロイを、GitHub Actionsのワークフローを活用して実現する方法を解説します。 この記事では、ReactフロントエンドとNest.JSバックエンドを含むプロジェクトの自動デプロイ方法を詳しく説明します。 GitHub Actionsの設定 まず、GitHub Actionsの設定を行います。 リポジトリの「Settings」タブから「Secre […]
なぜXserver（レンタルサーバー）にアプリケーションをデプロイするのか？
はじめに Webアプリケーションの個人開発や運用が身近になってきた中、作ったアプリをどこで動かすか悩むこともあるのではないでしょうか。 本記事では、レンタルサーバーへのアプリケーションデプロイについて、その利点と活用方法を詳しく解説します。 レンタルサーバーの活用 筆者は、WordPress用に契約したレンタルサーバー（Xserver）を利用してNode.jsアプリケーションをデプロイしたりしてい […]
XserverにNestJSで構築したAPIをデプロイする方法
はじめに Xserverは日本国内で人気の高いレンタルサーバーですが、標準ではNode.jsをサポートしていません。 しかし、適切な設定を行えばNestJSで構築したAPIを動作させることが可能です。 本記事では、XserverにNestJSのAPIをデプロイする方法を詳しく解説します。 デプロイ手順 筆者の作業環境 本記事では、以下の条件を前提としています。 1. Xserverへの Node. […]
XserverにReactアプリをデプロイする方法
はじめに Reactで開発されたアプリケーションは、ビルドプロセスを経ることで、HTML、CSS、JavaScriptなどのブラウザで直接実行可能なファイルに変換されます。 そのため、特別な環境を必要とせず、通常の静的ファイルと同様に、Xserverのような一般的なレンタルサーバー上でも問題なく動作させることができます。 本記事では、ReactアプリのビルドファイルをXserverにデプロイする方 […]
XserverにNode.jsをインストールする方法【Node.jsアプリをデプロイするためのサーバー環境構築】
はじめに Xserverは人気の高いレンタルサーバーですが、標準ではNode.jsをサポートしていません。 しかし、適切な設定を行えばNode.jsアプリケーションを動作させることが可能です。 この記事では、XserverにNode.jsをインストールする方法を解説します。 Node.jsのバージョン管理ツールをインストールする まず、Node.jsのバージョン管理ツールをインストールします。ここ […]