All Projects → micheleriva → Gauguin

micheleriva / Gauguin

Licence: gpl-3.0
🎨 High performances Golang server for generating open graph images dynamically.

Programming Languages

go
31211 projects - #10 most used programming language
golang
3204 projects

Labels

Projects that are alternatives of or similar to Gauguin

next-banner
🖼️ Generate Open Graph images for Next.js on build
Stars: ✭ 45 (+25%)
Mutual labels:  opengraph
wagtail-metadata-mixin
🔍 OpenGraph, Twitter Card and Schema.org snippet tags for Wagtail CMS pages
Stars: ✭ 42 (+16.67%)
Mutual labels:  opengraph
Micro Open Graph
A tiny Node.js microservice to scrape open graph data with joy.
Stars: ✭ 371 (+930.56%)
Mutual labels:  opengraph
meta-extractor
Super simple and fast html page meta data extractor with low memory footprint
Stars: ✭ 38 (+5.56%)
Mutual labels:  opengraph
backend-csharp
A C# / Azure Functions implementation of the API for https://www.theurlist.com
Stars: ✭ 35 (-2.78%)
Mutual labels:  opengraph
OpenGraph-Net
.Net Open Graph Parser written in C#
Stars: ✭ 111 (+208.33%)
Mutual labels:  opengraph
go-opengraph
Golang package for parsing OpenGraph data from HTML into regular structures
Stars: ✭ 66 (+83.33%)
Mutual labels:  opengraph
Ultimate Metatags
A large snippet for your page's <head> that includes all the meta tags you'll need for OPTIMAL sharing and SEO. Extensive work has been put into ensuring you have the optimal images for the most important social media platforms.
Stars: ✭ 24 (-33.33%)
Mutual labels:  opengraph
WPFBOGP
WordPress Open Graph plugin development
Stars: ✭ 13 (-63.89%)
Mutual labels:  opengraph
The Seo Framework
The SEO Framework WordPress plugin.
Stars: ✭ 329 (+813.89%)
Mutual labels:  opengraph
generate-og-image
Generate open graph images with Github Action from Markdown files
Stars: ✭ 32 (-11.11%)
Mutual labels:  opengraph
webshot
Screenshot websites as a service.
Stars: ✭ 84 (+133.33%)
Mutual labels:  opengraph
ember-meta
Setup meta for your Prember/Ember blog to support opengraph, microdata, Facebook, Twitter, Slack etc.
Stars: ✭ 15 (-58.33%)
Mutual labels:  opengraph
magento2-module-seo
Magento 2 Module for Search Engine Optimization
Stars: ✭ 100 (+177.78%)
Mutual labels:  opengraph
Extruct
Extract embedded metadata from HTML markup
Stars: ✭ 573 (+1491.67%)
Mutual labels:  opengraph
react-ogp
🌐 The ultimate React OpenGraph component
Stars: ✭ 27 (-25%)
Mutual labels:  opengraph
rog
Retrieve open graph data from passing URL.
Stars: ✭ 12 (-66.67%)
Mutual labels:  opengraph
D3 Digest
SlackBot that watch channels looking for links and reactions, and generates digests based on those reactions
Stars: ✭ 15 (-58.33%)
Mutual labels:  opengraph
Essence
Extracts information about web pages, like youtube videos, twitter statuses or blog articles.
Stars: ✭ 734 (+1938.89%)
Mutual labels:  opengraph
All In One Seo Pack
All in One SEO Pack plugin for WordPress SEO
Stars: ✭ 281 (+680.56%)
Mutual labels:  opengraph
Gauguin - Generate opengraph images at runtime

Gauguin - Generate dynamic OpenGraph or social images in real-time | Product Hunt

Gauguin (pronounced /ˈɡoʊɡæ̃/) is an high performances Golang server that generates dynamic opengraph images at runtime.

🎉 Read the quickstart post here!

Gauguin in 6 easy steps

  1. Create a configuration file called gauguin.yaml
version: 0.0.1
routes:
  - path: /articles/opengraph
    params:
      - title
      - author
      - imgUrl
    size: 1200x630
    template: ./templates/article.tmpl
  - path: /author/opengraph
    params:
      - username
      - imgUrl
    size: 1200x630
    template: ./templates/user.tmpl
  1. For each route, create a Golang tmpl file (named the same way you named it inside the configuration file):
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        margin: 0;
        font-family: Arial;
        color: #fff;
      }
      .article-template {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 1200px;
        height: 630px;
        background: #001f1c;
      }
      h1 {
        margin: 0;
        font-size: 32px;
      }
      img {
        width: 200px;
        height: 200px;
        object-fit: cover;
        border-radius: 15px;
        margin-bottom: 25px;
      }
    </style>
  </head>
  <body>
    <div class="article-template">
      <img src="{{.imgUrl}}" />
      <h1>{{.title}}</h1>
      <p>Written by <b>{{.author}}</b></p>
    </div>
  </body>
</html>
  1. Copy this docker-compose file locally and run docker-compose up -d
  2. Choose a title, an author and an image for your article opengraph image. Pass them via querystrng to the route you defined in your configuration file.
  3. Go to http://localhost:5491/articles/test?author=Bojack%20Horseman&title=A%20Post%20About%20my%20Garden&imgUrl=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1525498128493-380d1990a112%3Fixlib%3Drb-1.2.1%26ixid%3DeyJhcHBfaWQiOjEyMDd9%26auto%3Dformat%26fit%3Dcrop%26w%3D300%26q%3D80&dev=true
  4. Admire the following image:
Gauguin opengraph image example

Documentation

I'm currently writing more documentation, it will be available on Gitbook: http://micheleriva.gitbook.io/gauguin

License

Gauguin is distributed under the GPLv3 open source license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].