Chapter 02無料公開

1-1. 日々の練習に使う (セットアップ編)

普段皆さんがちょっとしたReactの検証をしたいときなどに何を使っているでしょう? おそらく多くの場合Create React App(以下CRA)が多いのでは無いかと思います。

そこでまずCRAの代わりにしてみるという使い方をおすすめしたいと思います。

はじめかた

nextには類似のツールのcreate-next-appというのが存在します。

これを使うには下記のようなコマンドで開始出来可能です。

$ yarn create next-app

または

$ npx create-next-app 

これで

$ cd [生成したプロジェクト名]
$ yarn dev

で開始できます。
あとはindex.jsに好きなコードを書けばHot Reloadで試すことが出来るでしょう。