NextJS + NestJS Monorepo Note

一些教學中有用到的工具及遇到教學中沒出現的問題解法。

# Monorepo Tool

Nx 優於 Turborepo [Nx vs Turborepo,怎麼在大型 Monorepo 優化開發體驗? | by C.T. Lin | Dcard Tech Blog | Medium (opens new window)]

先練習Turborepo 之後再換掉也行

# Port被佔用的情況

%% 列出所有監聽中的port %%
netstat -aon | find /i "listening"

%% 指定搜尋被佔用的port %%
netstat -ano | findstr :3000

%% 依剛才搜尋port取得PID 清除指定PID %%
taskkill /F /PID [PID]

也可以安裝 kill-port工具刪除指定port

npx kill-port 3000 3001 8000

# Prisma

Prisma是一套資料庫工具,提供好上手的資料庫串接功能,目前可銜接PostgreSQL,MySQL,SQLite。

參考 iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天 (opens new window) iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天 (opens new window)

# Class-Validator

【Day44】ChatGPT請教教我:NestJS!(三)- Controller & 資料驗證 !class-validator & class-transformer! - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天 (opens new window)

# TailWind CSS

Install Tailwind CSS with Next.js - Tailwind CSS (opens new window)

# Shad-cn

Shadcn-ui : 美觀、無障礙、又能 100 % 客製化的「元件合集」 | by Kelly CHI | Medium (opens new window)