Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feat: Add automated screenshots for starter projects

See original GitHub issue

Issue Description

hi @zachleat @gerwitz and team,

First off, keep up the amazing work and looking forward to v1!

This is a proposal. What do you folks feel if the list of starter projects had automatically generated screenshots per entry.

I was thinking of using puppeteer (headless Chrome driver) to generate screenshots for the demo sites at build time. Pictures really add a lot of value e.g. Hugo Theme Gallery.

I have a working prototype but wanted to gather thoughts before going too far: PR, Demo.

Screen Shot 2019-10-27 at 8 57 00 AM

I am no CSS expert - so I am totally open to styling and other presentation tweaks.

Eventually this idea can also be extended to Source Code Samples.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

gerwitzcommented, Nov 3, 2019

¯_(ツ)_/¯ there’s a trade-off to be made between generating thumbnails as a “dev-time” activity vs. part of the build process. I guess it depends on how builds are performed (e.g. are there processing time costs, is puppeteer available…).

I do worry about introducing a build manager tot his project because it implies a standard, but that’s a terrible reason to avoid pre-processing.

anishknycommented, Aug 23, 2020

Ah ok I see now there’s a screenshot generation step. Will try to update the PR to integrate starter screenshot generation into that.

Read more comments on GitHub >

github_iconTop Results From Across the Web

gergof/automated-screenshots - GitHub
Automate taking screenshots of your application and control it directly from inside from your application. Supports taking screenshots from web browsers, ...
Read more >
Lesson 25: Taking Automated Screenshots of Your Application
Welcome to Testing Fundamentals of Flutter by Jorge Coca!Lesson 25 teaches you how to take automated screenshots of your application.
Read more >
Starter Projects — Eleventy
An opinionated template for Eleventy projects, with automated collections from folders hierarchy, assets bundling (with Rollup and Sass), responsive images, ...
Read more >
Project Dashboard Template (Free Excel Download)
Download ProjectManager's project management dashboard template for Excel, and start tracking your project today.
Read more >
Kickstarter exists to help bring creative projects to life. A home for film, music, art, theater, games, comics, design, photography, and more.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found