preface:

this project mainly on a dynamic web implementation

what is also important is react full of lib supports md to css which is awesome feat I choose for

Since it is mainly with static data so that I choose react + vercel

react

react works as JS UI liced from Meta

implementation

  1. follow readme yarn
  2. the code needing modifying included src/character.md(which)
  3. using the lib trans md to css one click ~

vercel

quick deploy online Prj from vercel especially for react and next.js

implementation

  1. bind github using git

  2. check your local react works or not

  3. go to vercel web and follow the instruction to deploy

    Stage Action
    1. Import Project Log in to Vercel → Click “New Project” → Select a GitHub repository → Import
    2. Set Build Parameters Automatically detects framework (e.g. React/Next.js). You can manually configure:- Build Command: npm run build- Output Directory: build (React) or .next (Next.js)
    3. Deploy Click “Deploy” to start building. After a few minutes, your app will be live at a URL like https://your-app.vercel.app
    4. Preview Feature Every push or pull request generates a unique preview deployment link (CI/CD automated)

similar to next.js[hexo] with github pages

this time I choose react with vercel

Feature Vercel GitHub Pages
Type Frontend cloud platform with serverless support Static site hosting service by GitHub
Best for Modern frontend frameworks (Next.js, React, etc.) Simple static websites, documentation, blogs
Dynamic rendering ✅ Supported (SSR, ISR, Edge Functions) ❌ Not supported

basic JSX

  1. usestate()
  2. div
  3. Localstorage()