A few words about how we launched Best of JavaScript Weekly, the weekly newsletter from Best of JavaScript project.
The origin
Everything started with JavaScript Rising Stars, a site released in January 2018, that analyzed trends in the JavaScript world during the year 2017.
The homepage included a field to let users subscribe to the newsletter:
Get the latest JS rankings in your inbox every week
![image](https://user-images.githubusercontent.com/5546996/40892978-23558eaa-67d9-11e8-9f57-fc8cc7e5a365.png)
More than 2000 users subscribed.
Building the solution
In order to be able to send emails from our own domain, we moved from bestof.js.org
domain to the brand new domain bestofjs.org
.
We created a static website, built with react-static, to host the online version of the newsletter: https://weekly.bestofjs.org/
We had to find a solution to manage the list of email addresses and to send campaigns.
We started using Mailchimp to manage the lists of emails, but Mailchimp is free until 2000 contacts and very expensive after this limit!
I tried Mailjet too because I like their mjml
project that lets developers build responsive email easily, and they are reliable.
But I couldn't find how to setup a simple "Subscription Form" to let users registers. They have "subscription widgets" that actually are <iframe>
snippets. But I didn't want an <iframe>
, I just wanted a simple form
tag in my page.
So actually we chose ElasticEmail service, that is very affordable (it seems to be free for our volumes).
Sending the fist email
On 2018 June the 4th, at 06:15 AM Japan Time, "Best of JavaScript Weekly Rankings #1” email was sent to 2,414 contacts.
The email includes the rankings of the week and some comments about the leading project.
The button "Read on the web" leads to the page: https://weekly.bestofjs.org/issues/1
Screenshot
Email:
![image](https://user-images.githubusercontent.com/5546996/40893430-f75af01c-67db-11e8-8a32-dc8bf62a06a3.png)
Online version:
![image](https://user-images.githubusercontent.com/5546996/41823487-9e09a808-783b-11e8-9192-0c2ad349db58.png)