Skip to content
VercelLogotypeVercelLogotype
LoginSign Up

Cron OG Cards

A template for scheduled updates to your OG social cards using Vercel Cron Jobs and Upstash Redis.

DeployView Demo

Next.js Cron OG

This Next.js template automatically fetches the top stories from Hacker News every minute and stores them in Upstash, a Redis client. This template uses Vercel OG to generate an Open Graph (OG) image at the edge, leveraging Upstash for efficient data storage and retrieval.

Deploy your own

Deploy the example using Vercel or view the demo here.

Features

  • Automatic fetching of top stories from Hacker News
  • Upstash as a data store for efficient data storage and retrieval
  • Vercel OG for automatic generation of Open Graph (OG) image
  • Updates Hacker News data every minute thanks to Vercel Cron Jobs

Usage

  1. Clone the repository: git clone https://github.com/gt-codes/og-cron.git
  2. Copy the .env.example file in this directory to .env.local
    • UPSTASH_REDIS_REST_URL: The REST URL for your Upstash Redis instance
    • UPSTASH_REDIS_REST_TOKEN: The REST token for your Upstash Redis instance

Start the development server

npm install
npm run dev
GitHub
Ownergt-codes
Repositoryog-cron
Use Cases
Cron
Stack
Next.js
Tailwind
Database
Upstash
Redis

Related Templates

OG.cool – Display headlines in OG images

A Next.js app that displays headlines directly inside a dynamically generated image. Powered by @vercel/og.
OG.cool – Display headlines in OG images thumbnail

Vercel Cron Job Example

A Next.js app that uses Vercel Cron Jobs to update data at different intervals.
Vercel Cron Job Example thumbnail

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • EveNew
  • ConnectNew

Core Platform

  • CI/CD
  • Content Delivery
  • Fluid Compute
  • Observability

Security

  • Platform Security
  • WAF
  • Bot Management
  • Bot ID

Tools

  • Vercel DropNew
  • Vercel Agent
  • Vercel PluginNew
  • Next.js
  • Domains
  • v0

Frameworks

  • Nuxt
  • SvelteKit
  • Nitro
  • Turborepo
  • Tanstack Start
  • FastAPI
  • xmcp
  • All frameworks

SDKs

  • Vercel SDK
  • Workflow SDKNew
  • Flags SDK
  • Chat SDKNew
  • Queues SDKNew
  • Streamdown

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
  • Platform Engineers
  • Design Engineers

Learn

  • Docs
  • Blog
  • Changelog
  • Knowledge Base
  • Academy
  • Articles
  • Community

Explore

  • Customers
  • Marketplace
  • Templates
  • Partner Finder
  • Vercel + AWS

Company

  • About
  • Careers
  • Press
  • Events
  • Startups
  • Shipped on Vercel
  • Open Source Program
  • Enterprise
  • Pricing
  • Help

Legal & Trust

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • DPA
  • Acceptable Use Policy
  • Legal (all documents)
  • Trust Center
  • Status

Social

  • GitHub
  • X
  • LinkedIn
  • YouTube
  • Instagram
  • VercelVercel
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • Eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • CI/CD
Tools
  • Next.js
  • Vercel Agent
  • Vercel Plugin
  • Domains
  • v0
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community
EnterprisePricing
Contact
Log InSign Up
Dashboard

Products

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • Eve

Core Platform

  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • CI/CD

Tools

  • Next.js
  • Vercel Agent
  • Vercel Plugin
  • Domains
  • v0
Resources

Learn

  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce

Explore

  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community
Enterprise
Pricing
Sign UpLog In
Contact
DeployView Demo

Loading status…

Select a display theme: