Yo, welcome to the Open Graph Image Generator! 🚀 This thing makes whipping up Open Graph images a piece of cake. Just toss in your title, description, drop the link to your image, and bam! You got yourself a slick Open Graph image. I built this baby using Next.js and worked some magic with the @vercel/og library to make it happen.
Table of Contents
- Demo Time 🎉
- How to Use 🤙
- Getting Down and Dirty Locally 💻
- Contributing - Let's Make Magic Together 🤝
- License - Go Crazy 🎉
Peep the live demo over here: og.krafan.com
- Hop on over to og.krafan.com.
- Throw in your title and a snazzy description for that Open Graph vibe.
- Toss in the link to the image you want to show off.
- Smash that "Generate" button to work our magic.
- Right-click the resulting image and hit "Save image as" to snag your Open Graph masterpiece (Or you can just grab the link from the bottom of the picture.).
If you wanna mess around with this project on your own machine, follow these steps:
- Make sure you've got Node.js and yarn installed. If not, sort that out.
- Clone this repo:
git clone https://github.com/krafanid/og.git - Pop open a terminal and navigate to the project directory:
cd og - Slap in the dependencies:
yarn install - Fire up the dev server:
yarn dev - Open your browser and cruise on over to:
http://localhost:3000
Hey, if you're feelin' the vibe and wanna toss in your two cents, we're all ears! Here's how you can dive in:
- Fork this repo like a champ.
- Create a new branch:
git checkout -b feat/new-feature - Work your magic with whatever changes you've got in mind.
- Commit those changes:
git commit -m "Added some rad new feature" - Push 'em up to your branch on your repo:
git push origin feat/new-feature - Send us a pull request from your branch.
This project is licensed under the MIT License - check out the LICENSE file for more details.
Crafted with ❤️ by Dwi Nugroho