0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Reactを学ぶためNext jsを導入する

Last updated at Posted at 2023-05-17

目的:Reactを学ぶため、Next jsをセットアップする

理由:プロジェクト「study-react」をGitHubにpushするため

準備:Node.js推奨版のダウンロード(同時にnpmもダウンロードされる)
gitのダウンロード
typescriptのダウンロード

流れ:
ターミナルを開き「yarn create next-app --typescript」と入力
プロジェクト名を聞かれるので好きな名前を入力(study-reactと入力)
その後「cdコマンド」で「C/user/名前/study-react」にディクトリを移動する
「yarn dev」をする

VsCodeで「study-react」を開く
「yarn build」して「yarn start」する

ターミナルで
「git init」
(初期化して「study-react」内のフォルダなどがgit管理下になる)
「git add .」
(変更履歴を記録する対象を追加する、"."は今いるディクトリのファイルすべてを追加すること)
「git commit -m 'コミットのメッセージ'」
(ここで変更履歴のコメントやメモを残す)
「git log」
(今の状況を見れる)

GitHubでリポジトリを立ち上げる
下から2番目をコピーしてターミナルに張り付ける

Vercelでインポートする(これで誰でもサイトが見れる)

↓完成品

参考サイト

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?