LoginSignup
0
0

More than 1 year has passed since last update.

imdb clone まとめ Part1-10

Last updated at Posted at 2023-05-09

説明

IMDbのクローンサイトを作ります。
https://www.imdb.com/

参考にしたUdemyの講座

一覧

Part1 ヘッダー作成 1/2 ReactIconを使ってアイコンを表示

imcb1.gif

Part2 4 ヘッダー作成 2/2 タイトルイメージを作成 レイアウトを整理

image.png

Part3 5 Add a darkMode 1/5 DarkModeSwitchコンポーネントを追加

image.png

Part4  5 Add a darkMode 2/5 next-themesを追加

image.png

Part5 ヘッダー作成 テンプレート 5 Add a darkMode 3/5 React-icon実装 ダークモードに切り替えできるよう実装

bbbbbb.gif

Part6 5 Add a darkMode 4/5 hydration Errorを修正

改善前
image.png

改善後 hydarion Errorが無くなっていることを確認できます。

image.png

Part7 5 Add a darkMode 5/5 cssの設定ダークモードの色 アイコンのカーソル

ccccccccccc.gif

Part8 7 navbar実装 1/2 基本的な実装

uuuuuuuuuuuuuu.gif

Part9 7 navbar実装 2/2 hoverの処理追加 開いているNavの下線部をハイライト

fffffff.gif

Part10 8 TMDBのAPIからデータ取得 レスポンスをコンソール結果で確認

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0