{"repo":"anurag-roy/og.anuragroy.dev","free":true,"listed":false,"github":"https://github.com/anurag-roy/og.anuragroy.dev","clone":"git clone https://github.com/anurag-roy/og.anuragroy.dev.git","description":"OpenGraph Image Generator for anuragroy.dev","language":"TypeScript","stars":61,"topics":["nextjs","opengraph-images","react","tailwindcss","vercel"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"og.anuragroy.dev OpenGraph Image Generator for anuragroy.dev using @vercel/og and Vercel Edge functions. Usage Enter your custom values, copy the generated URL or download the generated image and use it wherever you want. Tips on usage: - To override default values and hide an element, pass a single space character (' ') as its input. - All fields which accept image URLs, accept emojis as well! Using this repo as a template If you want to create your own OG Image generator from this repo, you can do so very easily: Prerequisites Make sure you have the following installed before proceeding: 1. Node.js v14.18.0+ (v18+ recommended) 2. Package manager of your choice (npm, yarn, pnpm, etc.) Steps 1. Clone this repo: 2. Install dependencies 3. Start server locally This will start a local development server where you will be able to make changes to the code and preview them live. - To customise the actual generated image, you have to edit app/api/route.tsx . Here, you can edit the fonts used, parameters accepted by the API, look and feel of the image, etc. The Vercel docs have a lot of examples which should cover most use cases. - To customise anything in the UI, you can start by looking at components/Main/index.tsx which contains the main form. 4. Building and previewing locally To build the project and test the production build locally: This will start a local server with the final production build. 5. Deploying Currently this can only be deployed on Vercel's Edge platform due to ","default_branch":null,"files":null,"tree":[],"storefront":"/r/anurag-roy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/anurag-roy/og.anuragroy.dev/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}