Git Product home page Git Product logo

nijisanji-songs-client's Introduction

にじ歌まとめ(仮)

にじ歌まとめ(仮)ホーム

アプリケーション概要

にじさんじの歌ってみた動画のまとめサイトです。
歌ってみた動画の検索やランキングを見ることができます。
レスポンシブに対応しており、スマホからもご確認いただけます。
backend側のレポジトリ

使用技術

  • React
  • Next.js
  • Material-UI
  • SWR
  • Recoil
  • Prettier
  • ESLint

機能

  • 動画一覧表示機能
  • 動画一覧並び替え機能
  • 動画検索機能
    • 検索範囲指定機能
  • タグ追加、削除機能

セットアップ

.env作成

NEXT_PUBLIC_API_ADDRESS = "http://localhost:8081"

依存関係のインストール

npm install

開発を行う(backendのAPIも立ち上げる必要がある)

npm run dev

ライセンス

このサイトに掲載している画像は全て権利者に帰属し、それ以外のものはMIT Licenseとします。

nijisanji-songs-client's People

Contributors

aopontann avatar

Watchers

 avatar

nijisanji-songs-client's Issues

vtuber/[id].js 最新の情報が表示されない

ISRを使ってページを表示させているが、更新を押してもページ情報が更新されないバグがある。
TOP画面はISRとgetStaticPropsがちゃんと実行されているが、何回も更新しないと最新の情報が表示されない
VTuberの動画出演画面では、ISRとgetStaticPropsがうまく実行できていない感じがする。いくらリロードしても最新の情報が表示されなかった。
しかしこの現象はローカルで実行した時は、最新の情報が表示された。(Buildしてnpm startしたとき)

原因解決の参考になりそうなサイト
Next.jsアプリをVercelからGCPに移行した話
Next.jsのISRで動的コンテンツをキャッシュするときの戦略
stale-while-revalidate対応のCDNでISRのような挙動を実現する
Next.jsにおけるSSG(静的サイト生成)とISRについて(自分の)限界まで丁寧に説明する

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.