UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

styled-components

【Next.js】styled-componentsからcss-modulesに書き換えてみた

先日、Next.jsで styled-components から linaria に書き換えてみることを行なったが、本番環境での利用は不安だったの一時中断した uga-box.hatenablog.com なので、今度はNext.jsがサポートしている css-modules に書き換えることを試してみた nextjs.org …

【Next.js】(WIP)styled-componentsからlinariaに書き換えてみる

Next.jsではないプロジェクトでlinariaがうまくいったので、Next.jsの別のプロジェクトにも導入しようと考えた ↓Next.jsではないプロジェクトで導入した話 uga-box.hatenablog.com ただ、単純にライブラリを使えば良いというのではなく更新されていないライ…

【フロントエンド開発】styled-componentsからlinariaに書き換えてみる

注意 この記事の内容は作業メモですが、作業したのがlinariaバージョン4の時(現在はバージョン6が最新)のため、若干イントールするものやセットアップ方法が異なります。最新の情報はlinariaのドキュメントを参照してください。 これまでNext.jsではない単…

【Next.js】styled-componentsを導入する

Next.jsにstyled-componentsを導入したい styled-components側にNext.jsへの導入方法がちょろっとだけ書かれている styled-components.com そこにはサーバーサイド側でheadにスタイルを埋め込むため、pages/_document.jsに以下のコードをコピペしろとある ht…