It has been a while since the first time that I had this idea - to kick off that Blog and start writing about my passions related to web development,technology, as well as some other cool stuff.

Essentially, about how the life of a software engineer looks in __Berlin__…

But for me it doesn't make any sense to use a CMS like WordPress, for example, to build my own blog. After all, I'm a Full Stack Web Developer with a degree in the field. Doing that is like an insult - at least for me.

Eventually, I reserved the time to start building my website / Blog from scratch. So here it is!

Hi everyone, My name is Alaeddine Messadi and this is my first article, and I've chosen to talk little about the tech stack I used to build this website. and to test my writing skills.

This is structured into two sections. The first is one is the server side, consists of the server which provides data on request and handles all the logic behind, and the frontend section for design and construct the user experience elements and render data in the web page.

## 1. Backend:
A Backend standalone project serves as an __API__ developed with __node.js__ using the __express__ framework. It connects to a NoSql __MongoDB__ database. It implements all necessary CRUD's, endpoints and features of a blog's api building block. also, including __authentication__ and taking in consideration __security__ measurements to protect the website.

In the otherhand, implementing some *unit* tests, *functional* tests and *integration* tests here and there, and without a doubt implements continuous integration and delivery __(CI/CD)__. 

For that I use __Travis__ and __Vercel__ (integrated with __GitHub__) to enable continuous deployment in the project.

## 2. Frontend:
After that was done, it was Frontend time!

The Frontend was a different project, which I built in __React__. I also used __Next.js__ rather than *CRA* or *Gatsby* for many reasons, namely Server Side Rendering, Automatic Routing and Code Splitting. Since everything was built on Node.js, the website was fully Dynamic.
For design, I chose the __Bulma__ CSS framework as it's built with Sass, based on __Flexbox__ - it's just perfect. Simple, easily customizable and doesn't impose Javascript !!!

Finally,the layout was done and the website started taking shape  as it could successfully interact with the API to fetch some posts. It was the time to build the Admin interface, where only admins can authenticate and have access to features such as write articles, manage the content and make configurations such as __SEO__ (which is important in this case, as it's a blog).

## conclusion
In this Blog I will be writing articles about detailed programming tasks, tools, tips and tricks and most importantly tutorials about web development and technology. I will be sharing with you guys the things that I've learned and I hope this can help others.

About the photo, I took it in Web Summit 2019 in Lisbon.

My first Article.

What motivated me? and what this blog is about?

No Posts available