Once upon a time, developing a static website was the job for most of us. Nowadays, some of our's job is to maintain the pipeline that exports this static website. In the previous chapters, we developed such a pipeline. (Actually, Gatsby and Netlify CMS did!) In this chapter, we'll prepare...
continue reading ↠Dynamic websites and search engine optimization is an evergreen topic. I have no idea why we haven't resolved it already, but I believe it'll still be with us for some time. In this chapter, we'll add a React component to control page metadata with the well-known "React Helmet" component.
continue reading ↠Every site needs a common place to store shared data across pages/components. To achieve this, we'll add a settings page to Netlify CMS but do not represent this page on the client-side. With that, we'll add a simple contact page and replace the Gatsby default 404 page with a custom...
continue reading ↠Selecting a CSS Framework, integrating it into the project pipeline, and using it properly with a team of developers, ... These are all challenging problems when it comes to styling. Tailwind CSS offers a competitive solution for all and easy set-up with Gatsby. In this chapter, we'll add Tailwind CSS...
continue reading ↠Managing responsive images in a project is both fun and pain. Thankfully, Gatsby has the "Gatsby Image Plugin" on top of the great "Sharp Node.js Image Processing Library". In this chapter, we'll add optimized and responsive images to the frontmatter data as well as the markdown body.
continue reading ↠Gatsby framework offers multiple ways to create routes/pages. In this chapter, we'll use "Gatsby Node APIs" to create pages from markdown content that we'll have generated by Netlify CMS. We'll also add a "page template selecting logic" to auto-select custom templates for the pages created. Lastly, we'll split the UI...
continue reading ↠The CLI tools of the modern frameworks do an excellent job for the project initialization. However, they usually do a little bit more than what you need. In this chapter, I'll initialize a project with Gatsby and Netlify CMS manually.
continue reading ↠This post is an introduction to a 7-chapter blog series about building a statically-served website with an all-local admin panel with Netlify CMS and Gatsby.
continue reading ↠There are multiple ways to intercept network requests on different layers, and one way is to use native browser extension APIs. This post will focus on this method and a sample extension build by using that method.
continue reading ↠Servers are supposed to connect to the network with the plain-old copper cables. No doubt about that, but what if your home router stands on an unreachable position at your hallway and you have only 2 meters of network cable?
continue reading ↠In this last part of the series, we'll compare the memory snapshots for a page that has the same content but different sizes of comment nodes.
continue reading ↠React needs some start and end markers on the updated textual content to render changed parts partially. This process is called demarcation and to do so, it uses basic DOM features. This post will show how different versions of React carry out this process.
continue reading ↠In short, yes we can play with comments like any other HTML element. Both comments and empty spaces between HTML tags are DOM interfaces that inherit from traversable DOM interfaces.
continue reading ↠This post is an opening for a 3-parts article series about DOM interfaces.
continue reading ↠From requesting ads to counting them as impressions, Google Publisher Tag (GPT) Library triggers a set of events to inform page about current display ad slot statuses. This page is a preliminary reading for the demo page I built for this event lifecycle.
continue reading ↠A bit late welcome message for the blog.
continue reading ↠