2020-10-11に更新

Next.jsとDgraphで作るクイズ・アプリ (2) プロジェクトの環境構築

プロジェクトの構築

今回からはプロジェクトを構築していく.

前回

前回を参照

前提条件

  • Node.js入ってる?
  • Gitが入ってる?
  • Docker入ってる?

Next.js

Next.jsの環境構築は簡単です. create-react-appのようにcreate-next-appを使うとプロジェクト・テンプレートが生成されます.

npm i -g create-next-app

必要ならログイン・シェルを再起動します.

exec $SHELL -l

後は適当にプロジェクト名を決めて実行するだけです.

create-next-app minq-editor --use-npm 

ターミナルなどで以下を実行してアプリケーションを起動しましょう.

npm run dev

Dgraphクラスタの起動

無心でDgraph入門を参照

docker run --name myq -v minq:/dgraph --rm -it -p 8080:8080 -p 9080:9080 -p 8000:8000  dgraph/standalone:v20.03.0

コンテナの名前, ボリュームの名前, ポート番号などは適当に変えましょう.

まとめ

環境の構築は非常に簡単ですね.

次回

Reference

exec $SHELL -l でシェルが再読込されるしくみ

ツイッターでシェア
みんなに共有、忘れないようにメモ

ブレイン

Androidアプリ開発者を目指しています. 興味あることリスト: https://t.co/ew3bb6grdJ Github: https://t.co/9btqysHqWr Qiita: https://t.co/ZVRhjouauX

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント