In this blog, you will learn how to add a video background to your landing page to make it more gorgeous. Preview: Requirements: Basic HTML & CSS knowledge Basic Javascript(Optional. only required for the navigation toggle effect) I have already created a video about it on my youtube channel…

Material-UI is a UI framework for react based on Material Design which is developed by Google. I tried material-UI for the first time back in 2020 for one of my projects. From then I have become a fan of it. It is really beautiful and elegant. …

In this article, we will learn how to send emails from Node.js with SendInBlue. Video Tutorial What is SendInBlue? SendInBlue is a mail service that allows you to send emails from your Node.js application. Get the Sendinblue email API key Go to SendinBlue and create an account. Go to Dashboard and click on the top right-hand side dropdown. Click on…

In this blog, I will tell you 8 reasons why I love Chakra-UI. Now, why would you want to use a UI framework instead of custom CSS styling? The reason might be: You are not good at CSS or you don’t like it. CSS from scratch is too much work. You are in a hurry. You are terrible at design and so on… Video Tutorial Now after…

In this blog, we will learn everything you need to know to get started with Fastify. Video tutorial What is Fastify? Fastify is a web framework for Node.js. It is a lightweight, fast, and flexible framework for building modern server-side web applications. It is pretty similar to Express. But it has some…

In this blog, you will learn how to make an image responsive without any media queries. We will use the Aspect ratio to make our image responsive. Video tutorial I have already made a video about it on my youtube channel. Check that out. Please like and subscribe to Cules Coding…

In this blog, I will explain what is static site generation and how it works. Video Tutorial What does Static mean? Static means things that don’t change. A static website’s content doesn’t change. For example, if you have a blog, you don’t change the blog content much. So, the website’s content doesn’t change. …

In this blog, you will learn how to add a glass effect with Html & CSS. You are going to learn this by building this simple project. Preview: Requirements: Basic HTML & CSS knowledge Basic Javascript(Optional. only required for the toggle effect) I have already made a video about…

In this blog, I will teach you how to get started with Chakra-UI. Video Tutorial What is Chakra-UI? Chakra-UI is a React UI library that has tons of pre-styled components and utilities that you can use on the website. Installation I will use Nextjs. yarn create next-app <my-app> Install packages: cd <my-app> yarn add @chakra-ui/react @emotion/react@^11…