Remix x RadixUI x TailwindCSS 爆速環境構築
$ npx create-remix@latest
$ cd <作成したアプリ名>
$ npm install @radix-ui/themes
/app/root.tsxのimport "./tailwind.css";の下に
import "@radix-ui/themes/styles.css";を追記。
/app/root.tsxにimport { Theme } from "@radix-ui/themes";を入れる。
/app/root.tsxの{children}を<Theme>{children}</Theme>にする。
$ npm run dev
でサーバ起動
コンソールに記述されるURLをブラウザで開く。
Done
#remix #radixui #tailwindcss