https://github.com/deamme/webshot

Screenshot websites as a service.
https://github.com/deamme/webshot

api opengraph screenshot webshot

Last synced: 3 months ago
JSON representation

Screenshot websites as a service.

• Host: GitHub
• URL: https://github.com/deamme/webshot
• Owner: deamme
• License: mit
• Created: 2019-10-22T06:06:31.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-04-18T08:50:00.000Z (over 4 years ago)
• Last Synced: 2024-06-21T10:35:36.436Z (5 months ago)
• Topics: api, opengraph, screenshot, webshot
• Language: TypeScript
• Homepage: https://webshot.deam.io/
• Size: 37.1 KB
• Stars: 89
• Watchers: 6
• Forks: 23
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Webshot

Screenshot websites as a service.

The images are getting cached for 1 minute and only the first load takes some time to process.

## How to Use

Simply add the link of the website you want to screenshot to the end of https://webshot.deam.io/.

Example, to grab a screenshot of https://www.google.com/ use: https://webshot.deam.io/https://www.google.com/

### Other examples

```

https://webshot.deam.io/ + https://www.google.com/

https://webshot.deam.io/ + zeit.co/blog/ + ?type=png

https://webshot.deam.io/ + zeit.co/about/ + ?fullPage=true

https://webshot.deam.io/ + stripe.com/ + ?fullPage=true

https://webshot.deam.io/ + ceriously.com/ + ?type=jpeg&quality=75&fullPage=true

https://webshot.deam.io/ + https://hacktoberfest.digitalocean.com/ + ?height=1000&width=1000

```

## Use cases

- You could use this as a preview image for your website in `og:image` or `twitter:image` (tutorial [here](https://dev.to/deam/easy-social-media-preview-card-generation-1ln7))

- Grab a screenshot of a bug in production, send the link instead of an image

- Constantly updated site showcasing for your portfolio

- Hotlink images directly to blog posts

## Workflow

### Development

- First install all dependencies. `npm i`

- You can then run `npm run api` to play around with the API itself.

- If you want to preview the landing page, you can go to `frontend` folder and `npm i`. 

- Lastly you can run `npm run dev`.

### Production

- Go to `frontend` folder, install dependencies and then run `npm run build`.

- Rename the `out` folder to `public` and then move it into the root directory.

- Create an account at https://zeit.co/signup and then run `npx now login`.

- Finally you can run the `npx now` command in terminal and it will begin to deploy.

## Used in

- https://github.com/deamme/usecrypto

## Credits

- https://github.com/styfle/screenshot-v2