Alaeddine Messadi @alaeddine
Full-Stack Web Developer, inspired to learn
Published - 4 min read

Hello World!

My first Article. What motivated me? and what this blog is about?

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).


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.

GeneralWeb Development