Skip to content

Latest commit

 

History

History
40 lines (22 loc) · 1.23 KB

README.md

File metadata and controls

40 lines (22 loc) · 1.23 KB

2023春休みゼミ「Webフロントエンド/バックエンド」

ゼミで触ってもらう Next.js のサンプル集です。

必要なソフト

利用方法

1. プロジェクトフォルダを作りたい場所に移動

迷う場合はドキュメントの中にしましょう。

2. git clone https://github.com/ezaki-lab/2023-seminar-nextjs-samples 任意のフォルダ名 を実行

指定したフォルダ名でプロジェクトフォルダーが生成されます。

3. cd 任意のフォルダ名 を実行

生成されたフォルダに移動しましょう。

4. npm install を実行

開発に必要なパッケージをインストールしましょう。

5. npm run dev を実行

http://localhost:3000/ を開くと、サンプルサイトが表示されます。

6. ページのコードを編集

試しに pages/index.jsx のコードを書き換えて保存し、サイトを確認してみましょう。 編集した内容に書き換わっていることがわかります。

テンプレート

https://github.com/ezaki-lab/2023-seminar-nextjs