この記事では、Turborepo を使用してモノレポ構成の React アプリを構築します。アプリに Next.js プロジェクトを追加して、Chakra UI と TailwindCSS を導入します。さらに、TeypeScript、ESLint、Husky pre-commits の設定も行います。 TurborepoモノレポにNext.jsアプリケーション ...

先ずは、npm でReact ＋Viteを導入します。 不要ファイル等は削除しておきます。 導入前に設定ファイルに追記します。 追記しない場合は、以下のエラーが出る場合があります。 $ npx shadcn@latest init Need to install the following packages: shadcn@2.4.0-canary.14 Ok to proceed?

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 講演資料・動画 ...

最近では、Tailwind CSSで実装した無料のUIライブラリが増えてきました。これらのライブラリで共通しているのはもちろん、Tailwind CSSをベースにしていることで、さまざまなデザインやスタイルのライブラリが公開されています。 無料で利用できるTailwind CSSの ...

再利用可能な npm パッケージを作成すると、開発プロセスがより効率的で楽しいものになります。この記事では、React、TypeScript、CSS モジュール、その他のツールを使用して、最新で堅牢なプロジェクト セットアップを作成する方法を説明します。 始める前 ...