remix 创建项目

  1. npx create-remix@latest
  3. pnpm i
  5. pnpm dev
  7. # pnpm build 后，本地启动
  8. pnpm start
  10. ├── README.md
  11. ├── app
  12. │   ├── entry.client.tsx
  13. │   ├── entry.server.tsx
  14. │   ├── root.tsx
  15. │   └── routes
  16. │       └── _index.tsx
  17. ├── package.json
  18. ├── public
  19. │   └── favicon.ico
  20. ├── remix.config.js
  21. ├── remix.env.d.ts
  22. └── tsconfig.json

image.png

支持 SSR 渲染的 react ui

  1. antd
  2. antd-mobile，需要配置
  3. pro-component

不支持 SSR 的 react ui

  1. @ant-design/colors
  2. @ant-design/icons
  3. @ant-design/web3
  4. @ant-design/web3-icons
  5. @ant-design/web3-wagmi

remix.config.js

remix 模板

https://remix.run/guides/templates