INSTRUCTION.md

For Creating Production Build

rm ./src/constants/index.ts ; mv ./src/constants/production.ts ./src/constants/index.ts; echo "Hello" && yarn run partytown && next build

Satori Script for og:image genration

<div
  style={{
    display: 'flex',
    height: '100%',
    width: '100%',
    alignItems: 'center',
    justifyContent: 'center',
    flexDirection: 'column',
    backgroundImage: 'linear-gradient(to bottom, #efeeef, #efeeef)',
    fontSize: 60,
    letterSpacing: -2,
    fontWeight: 600,
    textAlign: 'center'
  }}
>
  <img
    src="https://usnajdxrvqmvtnunrroc.supabase.co/storage/v1/object/public/image/NextTalkIcon.png"
    width={250}
  />
  <div
    style={{
      backgroundImage: 'linear-gradient(90deg, #2d2c32, #35343b)',
      backgroundClip: 'text',
      '-webkit-background-clip': 'text',
      color: 'transparent'
    }}
  >
    NextTalk
  </div>
  <div
    style={{
      backgroundImage: 'linear-gradient(90deg, #2d2c32, #35343b)',
      backgroundClip: 'text',
      '-webkit-background-clip': 'text',
      color: '#35343b',
      fontSize: 30,
      letterSpacing: 1,
      fontWeight: 250
    }}
  >
    - Your Next Chat App
  </div>
</div>