The dev.to project with GatsbyJS-1

Image for post
Image for post
dev.to site

As many of my wonderful readers might know, that i really got success in with by blog post with the wonderful site of dev.to.

I had also recently given five udemy courses to five people as i reached 100K views on dev.to

Twitter message

I already have a personal blog site https://nabendu.blog/ and i had already described the way to create it in. my earlier blog series here.

But i want to create something like dev.to and initially the basic version, where people can cross post their dev, personal blog. The people at dev.to also encourages the same and open-sourced their platform.

Image for post
Image for post
About dev

One of the main features which attracted me to this site is the ease with which the writers can publish their post and give Canonical links. For those who don’t know canonical links are very important for google. It tell google which is the original source of article. Now i post on medium, personal blog and dev and always give canonical link of my personal blog. This is very important or else google will think you had copied your article from somewhere.

Image for post
Image for post
Easy canonical link

But if they had open-sourced then why do i want to recreate it. The dev.to site is built on React frontend and Ruby or rails on the backend with PostgreSQL. Now, i know good bit of React but not Ruby or rails.

I could make it in MERN stack, but for the last 6 months i had built some amazing production open-sourced sites using GatsbyJS. You can create a blog site by using only markdown files, which is amazing. You can add authentication to a Gatsby site. You can create a ecommerce site, which i will create soon to sell my upcoming Gatsby book :).

Enough of talking, let’s get’s started with the requirement first. The first version of the web-app will contain the following.

  • Create the home page similar to dev.to with adding the thing which i want like a navigation in top menu even for non-logged in users.

I will start coding from the next part, but this is a very serious project for me and i will promise something which i will always keep.

  • This project will be completely open-source and every commit will be explained in this blog series.

I have also done some domain hunting and finally purchased the thewebdev.tech .

So, this site will be called The WebDev, because as most of you might know that today “Web is everything and everything is web”.

My journey for the site starts with the next part. You can find part-2 here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store