Skip to content
← Back to Templates
Avatar of gt-codesgt-codes/og-cron

Cron OG Cards

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

Deploy
View Demo
Framework
Next.js
Use Case
CronEdge Functions
CSS
Tailwind
Database
Upstash
Cron OG Cards OG

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.

Deploy with Vercel

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 at the edge
  • Updates to 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
← Back to Templates
Cron OG Cards OG
Avatar of gt-codesgt-codes/og-cron

Cron OG Cards

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

Deploy
View Demo
Framework
Next.js
Use Case
CronEdge Functions
CSS
Tailwind
Database
Upstash

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.

Deploy with Vercel

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 at the edge
  • Updates to 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

Related Templates

Hacker News Slack Bot

Hacker News Slack Bot

A bot that notifies you on Slack whenever your company/product is mentioned on Hacker News.

by Steven Tey

Vercel Cron Job Example

Vercel Cron Job Example

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

by ▲ Vercel

OG.cool – Display headlines in OG images

OG.cool – Display headlines in OG images

A Next.js app that displays headlines directly inside a dynamically generated image. Powered by @vercel/og.

by Steven Tey

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential