Next.jsまとめ

Reactの基礎 (https://nextjs.org/learn/react-foundations)

リアクトとは

Reactの特徴:

命令的アプローチ（従来のJavaScript）：

1. ボタンを作成する
2. ボタンにクリックイベントを追加する
3. ユーザーがクリックしたら、テキストを変更する
4. DOMを直接操作して要素を更新する

宣言的アプローチ（React）：

1. UIの状態（例：ボタンがクリックされたかどうか）を定義する
2. その状態に基づいて、UIがどのように見えるべきかを記述する
3. 状態が変更されたときに、Reactが自動的にUIを更新する
   

next.config.js

環境変数 NEXT_PUBLIC

参考記事：「Learn Next.jsをやってみた」(https://zenn.dev/lancers/articles/8ae806211adde1)![]