Github sponsorluk sistemi sayesinde projelerime ve bana kolayca destekte bulunabilirsiniz! Bu link ile destekte bulunun: https://github.com/sponsors/barbarbar338
12/12/2021 tarihinde yayınlandı
In this very secret place, I will share with you the events that I have experienced in my daily life, school life and business life and that I think are interesting. As my first post, I will talk about how I made this site.
I experience many interesting, exciting and informative events during the day. I would like to share this information with people in some way. Anyone who knows me even a little knows how much I love helping people and sharing my knowledge and experiences with them. However, sometimes page by page articles can written for the things I need to tell. And imagine if you had to tell this to several people individually...
If you take a look at the site, you'll probably understand the technologies I use, but let me talk a little bit anyway. As the server (the host where all the articles I share are collected), I didn't want to do too much. To be honest I didn't do anyting at all.
But we will consider these issues in the future. Now I would like to talk about how I set up this server. As I said at the beginning, I created a simple server with many features without writing any code. While creating this server, I used the json-server system of a developer named @Typicode.
json-server is a fake back-end builder mostly preferred by front-end developers. When you place a simple JSON file on a server with this tool, it allows you to do anything you want with this file under your server's domain name. (In short, you link a domain name to your JSON file and you can access this JSON file with any browser) This tool puts front-end developers at ease when building a site and allows them to quickly test everything they do. However, this does not mean that we cannot use this system as a back-end!
With this system that allows me to set up a back-end quite easily, I created this article with a few lines of code. However, as you can imagine, this process will be quite difficult. After all, editing a JSON file can be pretty tedious at times.
db.json. And ta-da!
This is where the real troublesome part was. The front-end part is an important part that everyone sees with their own eyes and comments according to what they see. For this reason, it deserves more attention. I want to give people a good experience.
While doing the front-end part, I used Next, a React framework. Next is a framework that I will definitely use in every project with its existing routing system and multiple data fetching features. Any CSS support (SCSS, SASS, LESS), both TypeScript support, server-side rendering support... In short, everything you need.
Besides Next, I also handled the state container business using Redux and this is how I provide data transfer between Component. I also used Bootstrap as the CSS framework.
Thank you for reading this far and spending your valuable time. Hope to see you again in a similar article in the future...