Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

前回Tailwindcssでボタンを表示する部分まで実施しましたが、今回はNext.jsにTailwindcssをインストールして、ヘッダー・フッター・メ ...

Next.js, react, フロントエンド

Next.jsについて、チュートリアルを参考に少しづつ理解していくまとめ記事となります。

そのままチュートリアルをせずに時間がある方は少し変更を加えて、理解をしながら進めると良いと思います。

実際に手を動かしな ...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今までは特にデザイン部分に触れてくる部分を学習しなかったため、今回はデザインをスタイルする部分についてやっていこうと思います。

前回作成した天 ...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は前回作成した天気予報のAPIをgetInitialPropsを使って非同期データを取得、表示する部分について実践してみようと思います。

...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は、Next.jsにて簡単なAPIを作成して、APIの取得から表示をする部分について進めていこうと思います。

公式サイトを参考にして、天気 ...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は、LinkとuseRouterでのクリーンなURL作成について進めていこうと思います。

前回は、以下のようなURLになっていました。

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は、LinkとuseRouterを使って、動的なページを作成していきます。

Linkのhrefでページのパスと動的なクエリパラメータを渡 ...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は共通で利用するLayout作成して、メニューなどの各pagesで汎用的に利用できるようにしてみます。

前回の続きでやっていきますので、手 ...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

前回に引き続きNext.jsについて、今回はページにメニューを追加して、Linkを使った遷移をやっていこうと思います。

前回の続きでやっていき ...

Next.js, react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回はReactのフレームワークNext.jsでプロジェクト作成からブラウザに表示するところまでやっていきたいと思います。

ブラウザ表示までに ...