smdpro / codinasion-og

Dynamic OG image generator for Codinasion

Codinasion OG

Dynamic OG image generator for Codinasion

📝 Table of Contents

• 🧐 About
• 🏁 Getting Started
• ✨ Generate OG
• 🚀 Deployment
• ⛏️ Built Using
• 🔗 Reference

🧐 About

A NEXT JS app to generate OG images for Codinasion website.

🏁 Getting Started

• Clone project

  git clone https://github.com/codinasion/codinasion-og
  

  cd codinasion-og/
  

• Install packages

  yarn
  

• Setup Environment Variables

  • Rename .env.example to .env
  • Replace GITHUB_TOKEN=your_personal_access_token with your personal access token

• Start development server

  yarn start
  

• Open browser and navigate to http://localhost:3000/

✨ Generate OG

• Basic Structure

  https://codinasion-og.vercel.app/api?url=codinasion_site_url

• Default OG

  https://codinasion-og.vercel.app/api?url=anything

  

• Homepage OG

  https://codinasion-og.vercel.app/api

  https://codinasion-og.vercel.app/api?url=https://codinasion.vercel.app

  

• Programme Homepage OG

  https://codinasion-og.vercel.app/api?url=https://codinasion.vercel.app/programme

  

• Programme OG

  https://codinasion-og.vercel.app/api?url=https://codinasion.vercel.app/programme/add-two-numbers

  

• DSA Homepage OG

  https://codinasion-og.vercel.app/api?url=https://codinasion.vercel.app/dsa

  

• DSA OG

  https://codinasion-og.vercel.app/api?url=https://codinasion.vercel.app/dsa/linear-search

  

🚀 Deployment

⛏️ Built Using

• Next.js
• React
• Github API
• Chrome AWS Lambda
• Puppeteer

🔗 Reference

• Github Blog
• Vercel OG Image

Thanks for contributing 💜 Thanks for all your contributions and efforts We thank you being part of our ✨ commUnity ✨ !