初めに
こんにちは、
タイトルにある通りなんですけど
国旗のまとめサイトを作ってみました！
要素は作る気があれば追加しようと思います！
使用言語:next.js,typeScript
開発環境:windows11-VSCode
デプロイ環境:GitHub pages
作り方
このサイトは簡単さを求めたかったので
自分の中での最小限のコードにしましたー
indexページとリストページ、国別ページの
3つを作成してjsonファイルをmapして作りました！
それと、next.js専用のLink component使ってみました！
ページの読み込みも画像が200個近くあるから遅いかと思いましたが、そうでもなくて良かったです
作ってみた感想
このサイトnext.jsで作ってるんですけど
それの練習のために作ろうって思いました！
データ収集(国旗の画像集め)に
すごい時間(193ヶ国で4時間ぐらい)かかりましたが、
それ以外は簡単にできて、楽しかったです！
(少しGitHub pagesのデプロイに詰まりましたが…)
UIもできるだけシンプルかつ分かりやすくなるようにがんばりました！
こんな感じでアプリを
色々と作って行ければと思います
短いですが今回はこれで終わります、