Seiya Yoshioka

Next.jsとMaterial UIを使用して、映画の情報を見られるサイトを作成しました。 The Movie DBのApiを使用してデータを持ってきています。 Next.jsとMaterial UIのアウトプットを目的として作りました。 アニメーションを付けて遊び心を入れました！ Vercelでデプロイをしています。 コードはGithubに載せていますのでご覧ください。 https://github.com/Seeya0/FilmDB_Next ●工夫した点 ・SSRを使用していること ・データ呼び込み時（ジャンル変更など）LazyLoadを使ってデータを読込む工夫をしている ・React Flip Moveを使用してアニメーションを付けたこと ・カテゴリーごとにapiを作成 ・映画とテレビドラマを分けたこと ・Material UIとTailWindの使用 Material UIはコンポーネントを呼び出すのに使用し、cssの記載はTailWindで行った ●使用技術 ・Next.js ・JavaScript ・Material UI ・TailWind ・axios ・React Hero Icons ・React Flip Move（アニメーションを付けるパッケージ） ・Vercel