最近Next.jsを使い始めたので、簡単なページネーションをしてみました。 今回はSSGをしています。 とりあえず、チュートリアルの通りにVercelでデプロイしてみました。 完成した物 https://next-pagination.vercel.app/ codesanboxにコードをあげようかと思…

練習代わりにTwitter風にルーティングをしてみました。 思ったよりコンポーネントの数が多く、その分名前を決めるのも大変で、所々変な所もありますが、ひとまず完成です。なぜか、bodyのmarginが消えなかったので、デベロッパーツールで各自消してください。

使うファイル index.js App.js Item.js公式サイト https://react-dnd.github.io/react-dnd/about参考動画 https://www.youtube.com/watch?v=aK2PD_REk7A&list=PLmiHocWADqPGYeEqgwl5w9BKCi5ju3_Xj&index=10&t=1s まずはインストールから npm install react-d…

最近、HTML5から追加されたレンジ入力というものを発見したので簡単に使い方をまとめておきます。 <input type="range" min ="10"max="50" step="1"> inputのタイプをrangeに変更するだけです。 基本のプロパティはmin,max,stepの３つ覚えておけば大丈夫です。min :最低値 max :最大値 step :刻むステップ値…