Next.js

gooberでtailwindcssを使うヘ(^o^)ノ

前の記事でNext.jsでgooberを導入してみました murajun1978.hatenadiary.com 今回はgooberでtailwindcssを使ってみます Next.jsにtailwindのセットアップしていきましょう $ npm install @tailwindcssinjs/macro @tailwindcss/ui tailwindcss $ npm install …

Next.jsでgooberを使ってみるヘ(^o^)ノ

はじめに gooberというcss-in-jsのパッケージがあります github.com 使い勝手はstyled-componentsとか、emotionなんかと同じです ただ、パッケージのファイルサイズがびっくりの1KBです このサイズは魅力的なので、Next.jsで使ってみましょう Installation $…

GitHub Registryが使えるようになったので、Next.jsのDocker imageをPushしてみたヘ(^o^)ノ

GitHubからWelcome to the beta of GitHub Package Registryメールが来たので試してみた GitHub Package Registryにpushできるものは ↓ リンクを参照してください help.github.com 今回はNext.jsのDocker imageをGitHub Package Registryにpushしてみました …

Docker Container上のNext.js with TypeScriptなAppをVSCodeでDebugする

Docker containerで動作しているNext.jsをVSCodeでDebugしてみました サンプルコード github.com Requirements Docker Docker Compose インストールはこの辺を参考に ↓ Install Docker Install Docker Compose Docker 開発用のDockerfileを作成 Dockerfile F…