Tools

  • npm install -g pnpm

  • https://inspx.rauno.xyz/

  • pnpm install inspx

  • pnpm install --save clsx

  • pnpm install react-router-dom localforsge match-sorter sort-by

  • pnpm install zustand

  • pnpm install nanoid

  • pnpm install react-hot-toast

  • pnpm install react-hook-form

  • after we deploy to vercel and when we refresh the page it gives 404 so that to avoid that we create a file vercel.json in root dirctory and add the content,save it push it then refreash the page again...Volla

Social media sharing

-   go to https://www.opengraph.xyz/ paste the deployed url and copy the   <!-- Twitter Meta Tags --> and paste it in the index.html root file
-   Update it as you like

SEO optimization

-  Go back to the vercel analytics https://vercel.com/mesfint/komorebi-frontend-production/analytics
-  Create a free analytic "next" follow the following instruction
       1. Install the @vercel/analytics package => 

       2.Import and initialize the package inside your project

       3.Deploy your changes and visit your site

splitbee.io

  • vercel is using this product