fe-cnyes

- workspace
	- apps/
		- fe-news
	- libs/
		- fe-common-ui
		- fe-common-utils
npx create-nx-workspace@latest
--preset=next
--packageManager=pnpm
- workspace
	- apps
	- libs
	- tools
pnpm nx g @nx/next:app fe-news
pnpm nx g @nx/react:lib fe-common-ui
pnpm nx g @nx/react:component header --project=fe-news
>  NX  Generating @nx/react:component
✔ Which stylesheet format would you like to use? · none
✔ Should this component be exported in the project? (y/N) · false
CREATE apps/fe-news/app/header/header.spec.tsx
CREATE apps/fe-news/app/header/header.tsx
NOTE: The "dryRun" flag means no changes were made.
pnpm nx g @nx/react:component section --project=fe-common-ui
pnpm nx g rm fe-news-e2e
pnpm nx g rm fe-news
pnpm nx g mv --project <old-name> <new-name>
pnpm nx serve fe-news
# 預設跑在port 4200，可到專案下的project.json修改
# project.json會紀錄每個專案可用的指令，類似package.json
pnpm nx run-many -t start -p fe-news fe-common-ui
# -t (target)
# -p (project)
pnpm install next-with-linaria @linaria/babel-preset @linaria/core @linaria/react
// next.config.ts
const withLinaria = require('next-with-linaria');
const plugins = [withNx, withLinaria];
import { styled } from 'linaria/react';
import { css } from 'linaria';

const Title = styled.h1`
  font-size: 36px;
`;
<span
  className={css`
  color: red;
  `}
>
  Hello there
</span>
pnpm nx serve fe-news --hostname=0.0.0.0
pnpm nx g @nx/storybook:configuration fe-common-ui --uiFramework=@storybook/react-vite  --tsConfiguration=true
pnpm nx g @nx/react:component button --project=fe-common-ui
pnpm nx g @nx/react:stories --project=fe-common-ui
- libs
	- fe-common-utils
      - time
      - html
pnpm nx graph