😑

Next.jsまとめ

2024/09/16に公開

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)![]

Discussion