ezaki-lab / 2023-seminar-nextjs

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

ゼミで触ってもらう Next.js のテンプレートです。

必要ソフト

  • Node.js v16 以上

利用方法

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

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

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

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

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

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

4. npm install を実行

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

5. npm run dev を実行

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

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

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

サンプルコード

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

About

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


Languages

Language:JavaScript 74.5%Language:CSS 25.5%