8 ms·

Show HN: Pep – Turn your site into a fast, installable Progressive Web App (PWA)

59 points by grun 6y ago

WalterSear 6y ago
It's not clear what this involves. Do I have to upload my site to your server?
- grun 6y ago
  Nope! You just 1) Add a <script> tag to your site. and 2) Host Pep's Service Worker (https://pep.dev/pep-sw.js https://pep.dev/pep-sw.js) on your site. That's it. Pep takes care of the rest, thanks to the magic of the Service Worker. Everything just works.
  - 6510 6y ago
    Great stuff man. Even if it is that simple some documentation (and/or a video) is still nice. It appears for the target audience the offer sounds much to good to be true.
grun 6y ago
Hey guys! I'm Ansgar (https://github.com/gruns https://github.com/gruns). I built Pep because I believe Progressive Web Apps (PWAs) are the future. They turn websites into apps that load quickly, work offline, and can be installed like native apps. But they they can be a lot of work. And hard to get right. We built Pep to solve that. I'd love to hear your thoughts -- good and bad. Feedback is how good products become great.
- adflux 6y ago
  Will try this soon! Did a vue app before semi-manually, was quite a hassle
  - grun 6y ago
    Awesome! Let me know if you have any questions, comments, or suggestions. Feedback is how good products become great.
    - adflux 6y ago
      I will get back to you
deleted 6y ago
[deleted]
Gys 6y ago
Sorry, I understand you want this to be done for every website, but personally I hope this will not get wide spread. It reminds me of browser notifications and newsletter signups. Another thing I have to click away: 'please install our website as PWA NOW'.
- grun 6y ago
  Ya. I feel you. We think every site knows their audience best and leave it up to sites to decide how lightly, or heavily, they want to encourage their users to install their PWA. By default, Chrome's UI is quite light. http://i.imgur.com/PkWjXie.png http://i.imgur.com/PkWjXie.png
nhance 6y ago
What's actually involved in turning your site into a PWA? I don't see why this needs to be a subscription service vs a one-off or javascript library I can manage myself.
- grun 6y ago
  Our goal is for you drop Pep in your website and Pep does everything it can to make your website the best it can be. That includes all aspects of speed: minified assets, responsive images, global CDN (Google), etc. The subscription covers those, as they incur ongoing costs for processing and distribution. This is interesting, though. Would you be more interested in Pep without all the additional, ongoing improvements? Akin mto a client side only version of Pep? Thank you!
smallart 6y ago
Cool, it actually does what it claims to. I just added pep.dev/pep-sw.js to my site and am digging into the minified javascript. Confirmed my images are on the CDN and resized for the device, which should save a ton of bandwidth. The offline native feature seems super cool, going to try it out...
paveloom 6y ago
How is it different from modern browsers' built-in `turn a site in a PWA` feature? Chrome allows to install several sites as PWAs, Yandex Browser allows that for any site.
- grun 6y ago
  Our goal is for you drop Pep in your website and Pep does everything it can to make your website the best it can be. That includes all aspects of performance: minified assets, responsive images, global CDN (Google), etc. So Pep goes far beyond just adding a shortcut to a website to open in its own window.
whycombagator 6y ago
Love the idea, the second P in “pep” is cutoff on the homepage using an iPhone SE2.
- grun 6y ago
  Awesome. Fixed! Thank you! P.S. Nice username. =]
  - whycombagator 6y ago
    Another thing, as evidenced by the confusion in this thread: The homepage is kind of lacking. I’d suggest linking to some docs that explain the things you have in this thread so potential users can evaluate the product better. Right now your homepage is: - company name - sign up button (which looks weird for me on mobile FYI) - what is a PWA - benefits of PWA - companies using PWAs that don’t use our product for their PWAs - sign up button - team - contact Include a docs section or something near the top seems like a good idea IMO
nexthash 6y ago
How does this work with complex frameworks like React? Does it manipulate components themselves to allow them to work offline, or does it just check for/cache the production JS/HTML/CSS? If so, how would it compare to a server-side rendering framework like Next.js?
BugWatch 6y ago
I have only given it cursory look thus far, but I would certainly like to thank you for including what seems a decently functional free tier (IMO).
- grun 6y ago
  No, thank you! If/when you give it a shot, let us know what you think. Feedback is how good products become great.
sanmak 6y ago
To author, I added for my blog, https://www.boxpiper.com/ https://www.boxpiper.com/. It works as you said, but it slows down the website a bit. Can you have a look why exactly it happens? Installation feature is cool. Kudos.

59 points by grun 6y ago

WalterSear 6y ago

It's not clear what this involves. Do I have to upload my site to your server?

grun 6y ago
Nope! You just 1) Add a <script> tag to your site. and 2) Host Pep's Service Worker (https://pep.dev/pep-sw.js https://pep.dev/pep-sw.js) on your site. That's it. Pep takes care of the rest, thanks to the magic of the Service Worker. Everything just works.
- 6510 6y ago
  Great stuff man. Even if it is that simple some documentation (and/or a video) is still nice. It appears for the target audience the offer sounds much to good to be true.

grun 6y ago

Hey guys! I'm Ansgar (https://github.com/gruns https://github.com/gruns). I built Pep because I believe Progressive Web Apps (PWAs) are the future. They turn websites into apps that load quickly, work offline, and can be installed like native apps. But they they can be a lot of work. And hard to get right. We built Pep to solve that. I'd love to hear your thoughts -- good and bad. Feedback is how good products become great.

adflux 6y ago
Will try this soon! Did a vue app before semi-manually, was quite a hassle
- grun 6y ago
  Awesome! Let me know if you have any questions, comments, or suggestions. Feedback is how good products become great.
  - adflux 6y ago
    I will get back to you

deleted 6y ago

[deleted]

Gys 6y ago

Sorry, I understand you want this to be done for every website, but personally I hope this will not get wide spread. It reminds me of browser notifications and newsletter signups. Another thing I have to click away: 'please install our website as PWA NOW'.

grun 6y ago
Ya. I feel you. We think every site knows their audience best and leave it up to sites to decide how lightly, or heavily, they want to encourage their users to install their PWA. By default, Chrome's UI is quite light. http://i.imgur.com/PkWjXie.png http://i.imgur.com/PkWjXie.png

nhance 6y ago

What's actually involved in turning your site into a PWA? I don't see why this needs to be a subscription service vs a one-off or javascript library I can manage myself.

grun 6y ago
Our goal is for you drop Pep in your website and Pep does everything it can to make your website the best it can be. That includes all aspects of speed: minified assets, responsive images, global CDN (Google), etc. The subscription covers those, as they incur ongoing costs for processing and distribution. This is interesting, though. Would you be more interested in Pep without all the additional, ongoing improvements? Akin mto a client side only version of Pep? Thank you!

smallart 6y ago

Cool, it actually does what it claims to. I just added pep.dev/pep-sw.js to my site and am digging into the minified javascript. Confirmed my images are on the CDN and resized for the device, which should save a ton of bandwidth. The offline native feature seems super cool, going to try it out...

paveloom 6y ago

How is it different from modern browsers' built-in `turn a site in a PWA` feature? Chrome allows to install several sites as PWAs, Yandex Browser allows that for any site.

grun 6y ago
Our goal is for you drop Pep in your website and Pep does everything it can to make your website the best it can be. That includes all aspects of performance: minified assets, responsive images, global CDN (Google), etc. So Pep goes far beyond just adding a shortcut to a website to open in its own window.

whycombagator 6y ago

Love the idea, the second P in “pep” is cutoff on the homepage using an iPhone SE2.

grun 6y ago
Awesome. Fixed! Thank you! P.S. Nice username. =]
- whycombagator 6y ago
  Another thing, as evidenced by the confusion in this thread: The homepage is kind of lacking. I’d suggest linking to some docs that explain the things you have in this thread so potential users can evaluate the product better. Right now your homepage is: - company name - sign up button (which looks weird for me on mobile FYI) - what is a PWA - benefits of PWA - companies using PWAs that don’t use our product for their PWAs - sign up button - team - contact Include a docs section or something near the top seems like a good idea IMO

nexthash 6y ago

How does this work with complex frameworks like React? Does it manipulate components themselves to allow them to work offline, or does it just check for/cache the production JS/HTML/CSS? If so, how would it compare to a server-side rendering framework like Next.js?

BugWatch 6y ago

I have only given it cursory look thus far, but I would certainly like to thank you for including what seems a decently functional free tier (IMO).

grun 6y ago
No, thank you! If/when you give it a shot, let us know what you think. Feedback is how good products become great.

sanmak 6y ago

To author, I added for my blog, https://www.boxpiper.com/ https://www.boxpiper.com/. It works as you said, but it slows down the website a bit. Can you have a look why exactly it happens? Installation feature is cool. Kudos.