現在のWEBシステムの主流

クライアント側

Webブラウザ(HTML/CSS/JavaScriptの解釈・実行)

サーバー側

Node.js(JavaScriptの実行エンジン + javascriptで作られたwebサーバー機能)
Next.js(javascriptで作られたWebシステム構築用のフレームワーク)
React(javascriptで作られたUIライブラリ)

学習環境

1端末にクライアント/WEBサーバー/DBサーバーを全部入れ込む
開発はCursorを使う

学習STEP1

Node.jsのインストール
Node.jsのコマンドを使って、Next.js+React各種設定ファイルがそろったプロジェクトフォルダ作成
Cursorのインストール
Cursor上でwebサーバーの起動とwebブラウザからの接続