https://github.com/timelessco/vercel-puppeteer-screenshot-api

This uses a headless chrome using puppeteer for taking screenshots hosted in vercel
https://github.com/timelessco/vercel-puppeteer-screenshot-api

Last synced: 5 months ago
JSON representation

This uses a headless chrome using puppeteer for taking screenshots hosted in vercel

• Host: GitHub
• URL: https://github.com/timelessco/vercel-puppeteer-screenshot-api
• Owner: timelessco
• License: mit
• Created: 2025-06-12T06:27:06.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-12-10T11:53:35.000Z (6 months ago)
• Last Synced: 2025-12-10T13:57:42.692Z (6 months ago)
• Language: TypeScript
• Homepage: https://vercel-puppeteer-screenshot-api.vercel.app
• Size: 2.07 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: .github/CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

          


Vercel Puppeteer screenshot API





![image](https://github.com/hehehai/h-blog/assets/12692552/712824de-8b97-44f3-a402-bd213def7c63)





	




	

	

		

	

	

		

	

	

	



## Getting Started

First, run the development server:

```bash

pnpm install

pnpm dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Features

- Support webpage screenshots

- Support cloudflare [nopecha](https://nopecha.com/demo)

![image](https://github.com/hehehai/h-blog/assets/12692552/bd4cc26c-2bd4-476f-a7ab-d2b5e3d0ae74)

![image](https://github.com/hehehai/h-blog/assets/12692552/02a65b4a-2f9b-421a-ba26-0f790b0951be)

## Stack

Built using the [Next.js framework](https://nextjs.org/) and written in

TypeScript & other amazing technologies mentioned below to build a modern web

application.

- [pnpm](https://pnpm.io/)

- [react](https://reactjs.org/)

- [typeScript](https://www.typescriptlang.org/)

- [next.js](https://nextjs.org/)

- [tailwindcss](https://tailwindcss.com/)

- [zod](https://github.com/colinhacks/zod)

- [eslint](https://eslint.org/)

- [prettier](https://prettier.io/)

- [stylelint](https://stylelint.io/)

- [markdownlint](https://github.com/DavidAnson/markdownlint)

- [knip](https://github.com/webpro/knip)

- [cspell](https://cspell.org)

- [husky](https://typicode.github.io/husky/#/)

- [lint-staged](https://github.com/okonet/lint-staged#readme)

- [commitlint](https://commitlint.js.org/#/)

- [release-it](https://github.com/release-it/release-it#readme)

- [all-contributors](https://github.com/all-contributors/all-contributors)

## Development Guide

See [`.github/CONTRIBUTING.md`](./.github/CONTRIBUTING.md), then [`.github/DEVELOPMENT.md`](./.github/DEVELOPMENT.md).

Thanks! 💖

## Refs

- [在 Vercel 部署无头浏览器实现网页截图](https://www.hehehai.cn/posts/vercel-deploy-headless)

## Contributors

  

    

      
Navin Moorthy
💻 ️️️️♿️ 📖 🎨 🤔 🚧

      
Balaji
💻

      
abhishekmg
💻

    

  

> 💙 This package is based on [@JoshuaKGoldberg](https://github.com/JoshuaKGoldberg)'s [template-typescript-node-package](https://github.com/JoshuaKGoldberg/template-typescript-node-package).