Quotes

  • 商而優則仕

  • 道不行,乘桴浮于海。從我者其由與

  • Achilles heel

  • 邦有道,危言危行;邦無道,危行言孫。

  • 水至清則無魚

  • 過潔世同嫌

  • 三年清知府,十萬雪花銀

  • 堅則毀矣,銳則拙矣

  • 持而盈之 不如其已 揣而銳之 不如長保

  • 有耳莫洗潁川水,有口莫食首陽蕨。

  • 可堪回首,佛狸祠下,一片神鴉社鼓。

  • 知榮知辱牢緘口 誰是誰非暗點頭

  • 不平之鳴、憤怒之吼

  • The say there are five stages of gried: Denial, anger, bargaining. depression, and acceptance. Well, I’d like to add one more…revenge. - Cuella

  • It ain’t what you don’t know that gets you into trouble. It’s what you knw for shure that just ain’t to. - Mark Twain

Upgrade Nx Repo to React 18

  • 更新@nrwl/react 到14會自動更新React到18

  • https://nx.dev/guides/react-18#react-18-migration

  • npx 指令:暫時使用,不global下載

  • 更新nx,

    • npx nx migrate latest : 尋找更新的dependencies,還沒更新任何東西
      • 更新package.json
      • 產生migrations.json
    • npx nx migrate --run-migrations: 開始執行下載,包含npm i https://nx.dev/using-nx/updating-nx
  • 更新chakra-ui

  • 更新 Typescript

    • 查版本https://www.npmjs.com/package/typescript
    • 改package.json到最新版 (目前4.7.4)
  • 檢查

    • npx nx run app:lint
    • npx nx run app:build:production
  • 遇到問題

    • chakra裡面的csstype下npm i沒有被下載到
      • @chakra-ui/styled-system/node_modules/csstype
      • 改path: @chakra-ui/styled-system/node_modules/csstype ~> csstype
    • Warning: ReactDOM.hydrate is no longer supported in React 18

Upgrade Nx Repo to React 18

  • 更新@nrwl/react 到14會自動更新React到18
  • https://nx.dev/guides/react-18#react-18-migration
  • npx 指令:暫時使用,不global下載
  • 更新nx
    • npx nx migrate latest : 尋找更新的dependencies,還沒更新任何東西
      • 更新package.json
      • 產生migrations.json
    • npx nx migrate --run-migrations: 開始執行下載,包含npm i https://nx.dev/using-nx/updating-nx
  • 更新chakra-ui
  • 更新 Typescript
    • 查版本https://www.npmjs.com/package/typescript
    • 改package.json到最新版 (目前4.7.4)
  • 檢查
    • npx nx run app:lint
    • npx nx run app:build:production
  • 遇到問題
    • chakra裡面的csstype下npm i沒有被下載到
      • @chakra-ui/styled-system/node_modules/csstype
      • 改path: @chakra-ui/styled-system/node_modules/csstype ~> csstype
    • Warning: ReactDOM.hydrate is no longer supported in React 18

Next Deploy Github Page

  1. 在project root新增 .github/workflows/deploy.yml

  2. next.config.js 新增

    • const isProd = process.env.NODE_ENV === 'production'
    • module.exports = {
          ...
          assetPrefix: isProd ? '/j-p1/' : ''
      }
    • example
      /** @type {import('next').NextConfig} */
      //
      const isProd = process.env.NODE_ENV === 'production'
      
      const nextConfig = {
        reactStrictMode: true,  
        assetPrefix: isProd ? '/j-p1/' : ''
      }
      
      module.exports = nextConfig
  3. 設定 package.json “scripts”: { “dev”: “next dev”, “build”: “next build”, “start”: “next start”, “lint”: “next lint”, “export”: “next export” },

FAQ

Decentral Showroom — NTU DApp Term Project

https://i.imgur.com/arbyM3t.png

photo by Hsiang Hsu, model: Cute Ubi

Decentral Showroom,屬於你的Metaverse展場空間

期末我和實驗室同學Leo Chen、Jack Hsieh、Hsiang Hsu及Ubi Tsai製作了 一個基於Tezos鍊上的NFT展場空間,拉近您與作品的距離,先來看我們做了甚麼👉 [65s]

策展人可以透過 DSR網站,建立您的展場空間,並透過編輯器擺放您所擁有的NFT(non fungible tokens),展場建立後會產生一個可以被分享的Id。

https://i.imgur.com/AcvD0ul.png

DSR Editor: https://dsr-team.github.io/DSR-Editor

使用VR與NFT作品互動

戴上頭盔、輸入展場ID即可進入沈浸式的虛擬展間體驗各式各樣的作品,DSR支援的作品類型包含聲音、影片、模型及GIF,您可以在DSR的元宇宙裡與作品近距離互動,更可以將模型直接拿下來仔細研究不必擔心會損壞作品。

0%