Stay tuned for a surprise at the end or scroll to the bottom! 😉 Introduction Web3 social protocols are becoming increasingly popular, as they provide users with an unprecedented level of control and ...

Overview Are you planning to build your dApp? In this guide, we are going to create a full-stack decentralized web application using NextJs and the Ethereum blockchain, where users can upload their fa...

The Ethereum Name Service (ENS) is a decentralized, and extensible naming system based on the Ethereum blockchain. In simple terms, it's a single smart contract that holds a list of all user domains a...

In this article, we are looking into making automated voice calls to mobile numbers using Twilio's Voice SDK, this feature is mainly used by many IVR systems and announcements. We are using NextJs as ...

In this log, you’ll learn how to build and run a docker image as a container. In spite of many years working as a developer and experience with docker, we developers will forget few things, and that's...

In this log, we gonna recreate the Android 11 model UI with TailwindCSS. If you are interested in using TailwindCSS in React Native, check out TailwindCSS and React native log. Let's get right into it...

Styling in React Native is pretty simple at the initial stage when we are developing a new application. React Native's Stylesheet helps us to add styles to our elements. When the codebase increases, s...

Icons are used to create better-designed websites, products, and applications. They help to convey information and in a clearer way. It becomes difficult to choose an icon library for our new project,...

ECMAScript is a general-purpose programming language, standardized by Ecma International according to the document ECMA-262. It is a JavaScript standard meant to ensure the interoperability of web pag...

Storing and Delivering your Content with Speed and Scale. To serve your static content of the webpage includes images, videos, music, scripts, stylesheets, etc., we can use amazon's CloudFront, a cont...

What is Front End? A frontend is a software or program that interacts with the application user and delivers the contents and experience based on various logics. For any software or application requir...

Next.js is an open-source React front-end development web framework that enables functionality such as server-side rendering and generating static websites for React-based web applications. NextAuth -...

Without any javascript library or custom javascript code, you can now load images easily without load all at once. What is lazy-loading? Images are the most requested content type on websites, which c...

If you want to learn about dockerizing React application, please check the last log how-to-dockerize-react-app Nginx is a web server that can also be used as a reverse proxy, load balancer, mail proxy...

Developing apps today requires so much more than writing code. Multiple languages, frameworks, architectures, and discontinuous interfaces between tools for each lifecycle stage create enormous comple...

Gatsby is a React-based framework, popular for performance, static site generation, and scalability. We have covered everything you need to Get Started with Gatsby Because it is based on React, the we...

Illustrations used to create better-designed websites, products, and applications. The illustration is a collection of SVG images that prevents image quality degradation in websites with blazing fast ...

Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include spe...

In Git, from a repository, we can create as many as branches we need. You can create a new branch for every new work, task, module, etc. At last, all our branches should be merged to a default branch ...

The main aspect of collaboration is sharing. Sharing and updating - Retrieving updates from another repository and updating the local repository. You can learn about setting up Git local, about stagin...

You can learn about setting up Git local, about staging, snapshotting, sharing, updating in the logs below, 1. Local Setup 2. Staging and Snapshotting 3. Branching and merging 4. Sharing and updating ...

Listen to log audio, Gatsby is a React-based open-source static website generator (SSG) that is based on the frontend development framework React and makes use of Webpack and GraphQL technology. It ca...

Staging and snapshotting are important topics because these commands will be used by us daily. Installation and setup were covered in the previous log. Local Setup Git is software for tracking changes...

Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable, and developer-first. > Are you thinking of creating content providing the backend for your project? > 🧑‍💻 : ...

Static websites are web pages with fixed content and its constant. But now static sites also handle dynamic data using APIs and queries. Applications that provide data for the frontend through REST AP...

I have listed enough resources to learn from no-stack to full-stack. Please add here if you guys found any useful resources. https://www.freecodecamp.org/learn - They accomplish this by creating thous...