How to Create Web Push Notifications - Full Tutorial

New article and changes to the blog

Hey!

it’s been a while but I finally finished the article I’ve been working on. This one is a little more in-depth than usual as I guide you through the whole process of setting up a NodeJS server that can send out push notifications.

How to create web push notifications - Introduction to web push and full tutorial

Push notifications are the most requested feature of Progressive Web Apps. They are a very good tool to increase user engagement.

I wanted to learn more about the topic, so for this article, I built a full-stack application trying this whole thing out.

In the tutorial, I explain step by step how to build a web application that can send and receive push notifications.

I also uploaded the project to GitHub, so you can check out the end-result.

Read here

You can now leave (GitHub) comments on my posts!

I hesitated to put a comment section onto my blog since I didn’t like the style of Disqus and similar tools, and having a third-party script on my site would decrease my lighthouse score (which is not the best since the last update anyway).

Then I stumbled upon this way of integrating comments on Tania Rascia’s blog. The look and feel of the comment section should be familiar to every developer. Under the hood, it is even using the GitHub comment section!

The comment widget is called utteranc.es. I don’t know if I will keep it yet since it’s slightly affecting performance and I’m not sure if it will add any value to the site.

If you like it feel free to leave a comment :)

Leave a comment


Thanks for reading and have a great day!