Skip to content
Next.js Hands-on

2. はじめる

インストール

リポジトリをクローンする

以下のいずれかの方法でリポジトリをクローンしてください。

Terminal window
git clone https://github.com/nonoakij/next-js-hands-on.git

プロジェクトディレクトリに移動する

Terminal window
cd next-js-hands-on

依存関係をインストールする

Terminal window
pnpm install

開発サーバーを起動する

Terminal window
pnpm run dev

ブラウザで以下の URL にアクセスできることを確認してください

  • workspace http:localhost:3000
  • solution http:localhost:4000
  • docs http:localhost:5050/next-js-hands-on
  • backend http:localhost:8000

これで準備は完了です

Hands-onを進めていきましょう！

scripts

scriptdescription
pnpm run devすべてを起動します
pnpm run dev:workspaceworkspaceのみを起動します
pnpm run dev:solutionsolutionのみを起動します
pnpm run dev:docsdocsのみを起動します
pnpm run dev:backendbackendのみを起動します
pnpm run hands-onworkspace と backend を起動します
pnpm run buildビルドします
pnpm run startビルドしたアプリケーションを起動します
pnpm run lintlint を実行します
pnpm run formatformat を実行します
pnpm run checklint と format を実行します
pnpm run type-check型チェックを実行します