In December 2019 I decided to sell the boilerplate that I made. I was using it myself whenever I started new projects. I wasn't really sure if anyone would pay for it, but I decided to make a marketing site and tried it out. Super excited that I've made a little over $1000 now, selling different versions of this boilerplate!
It's not a lot of money, given that it took me almost half a year to get to this point, but it for sure is better than nothing! And it inspires me to keep going.
It's crazy that most of my projects never made me any money at all, even though it took way more time to build. This podcast inspired me to try this out: https://rework.fm/sell-your-by-products/.
I think I will write a longer, personal post about this later. Meanwhile, you follow can my progress toward building something better: https://serverless.page/.
React Milkshake Serverless is a boilerplate for building react applications. It's built using Nextjs, Redux, Firebase, Firestore, Styled-components and it includes a cool CLI for generating complete CRUD actions. You can start with having authentication and a cloud-based database out of the box, which could save you a lot of time.
Super cool to have my first sales for this boilerplate and can't wait to see what people will build!
Finally finished up the first version of React Milkshake Serverless, a Next.js boilerplate for making serverless web applications.
This version includes a cool CLI for generating complete CRUD actions. It will scaffold all the boilerplate code needed and will save tons of time. It will create actions, sagas, reducers & services. Completely integrated with Firestore. Optionally, it can also setup the NextJS routes and pages, including basic forms and validations.
If you want to have a head start in building serverless applications with React, Firebase & Firestore this boilerplate is for you.
Includes authentication, state management (redux), styled-components, code splitting, SSR, authenticated routes, firebase rules & more.
Today, React Milkshake Firebase is featured on ProductHunt.
After launching a simple React boilerplate, I noticed that a lot of people where missing authentication, so I'm excited to launch a second version: React Milkshake Firebase! 🔥
The boilerplate includes a custom CLI to generate boilerplate code and implements features like code-splitting, redux-persists, and some cool components to kickstart your next project.
This Firebase edition has Firebase all set up for you. Just fill in your credentials and without any effort, you can let your users register and log in to your application. The routes, forms, and also the reset password flow are all ready to use. Firebase is built on Google infrastructure and scales automatically, for even the largest apps.
I'm using this boilerplate myself for creating new projects and it is saving me quite some time, hopefully, it will help more developers launch there projects faster!📈
Oh, and you can use promo code "vanilla-milkshake" to get 20% off!
After the initial launch of React Milkshake on ProductHunt, I've noticed that some people would like to have a React boilerplate that has authentication setup. So I decided to make a second version that has Firebase integrated into the application. It also includes the styled forms, validations, reset password flow and a general notification component for showing error/info/warning/success messages.
I just deployed the preview version, you can check it out here:
Sometimes, all you need to stay motivated is some positive feedback.
After launching React Milkshake, I got 3 customers who bought the boilerplate, which was an amazing feeling! But, this was in the first 2 days, and since then it was radio silence.
Well, not really silence, because this week I got an email from one of my first customers saying that he got some errors and couldn't even run the project! Even though it was late at night, and I was ready to go to sleep, I knew I couldn't let this rest until tomorrow. So I jumped behind my laptop and started coding. Instead of just fixing the bug, I also added some extra's and then finally emailed the guy back and send him a fresh boilerplate that he could use.
The next day I got an email back: "This is incredible. Thank you so much for the quick reply! A very nice starter kit well worth the money for the scripts alone if I must say."
I'm glad he was happy but also motivated by the fact that he found the boilerplate well worth the money. This was exactly what I needed to hear so I could keep working on improving the boilerplate even more and try to get more customers.
Sometimes all you need is some positive feedback. A great reminder to give people, and their work, some compliments from time to time.
Wow, it feels really good to have my first sale. Someone just paid 29 dollars for my React boilerplate and I didn't expected to be so happy about it. Maybe because I spend so many hours on projects that never ever made a single dollar (only costs!) and now I'm launching something "small" that was relatively easy for myself to create.
This also motivates me to improve the boilerplate some more and make a second version that includes authentication and some more styled-components. Super excited!
Every time when I started a new side project and was using ReactJS I spend quite some hours setting up boilerplate code. Especially when using Redux for state management. I came up with a little CLI to generate some of this boilerplate for me and noticed how much time it saved me. Eventually, I ended up building a starter kit that could be used for every new project
When I was listening to an episode of the REWORK podcast about selling your "By-products" I thought that if my starter kit helps me saving time, it must be helpful for some other people as well. So here it is: React Milkshake. The simple starter kit for building high-performance React apps!
Last week I made a landing page, set up a Gumroad account, and today it launched on ProductHunt! Currently, it's at place 4, not bad for a by-product. 🙂
After listening to an episode of the REWORK podcast about selling your "By-products" I realized that if my React starter kit helps me saving time, it must be helpful for some other people as well.