Full-stack app tutorial with React

soon530 commented 1 year ago

https://blog.logrocket.com/full-stack-app-tutorial-nestjs-react/

看一下怎麼跟nestjs整合在一起？

[ ] #4
[ ] #2

soon530 commented 1 year ago

前端也裝一下套件。

frontend % npm install
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated @material-ui/core@4.12.3: You can now upgrade to @mui/material. See the guide: https://mui.com/guides/migration-v4/

added 1479 packages, and audited 1480 packages in 13s

181 packages are looking for funding
  run `npm fund` for details

15 vulnerabilities (1 moderate, 11 high, 3 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

跑~

npm start

跑起來了，沒有出錯。

Compiled successfully!

You can now view frontend in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.0.209:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

asset static/js/bundle.js 2.72 MiB [emitted] (name: main) 1 related asset
asset index.html 1.67 KiB [emitted]
asset asset-manifest.json 190 bytes [emitted]
orphan modules 1.06 MiB [orphan] 530 modules
runtime modules 28.1 KiB 13 modules
cacheable modules 2.19 MiB 338 modules
webpack 5.66.0 compiled successfully in 10248 ms

而且，畫面看起來還行呢~

soon530 commented 1 year ago

註冊帳號：soon530@gmail.com 密碼：12345

soon530 / reactjs-study

Full-stack app tutorial with React #3