All Posts

25 logs found

Build fullstack dApp with NextJs and EthersJs

388 views

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

Custom React Hook to resolve ENS name and avatar using Ethers.js

267 views

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

How to make voice calls using Twilio?

218 views

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

How to run a Dockerfile?

154 views

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

Rebuild Android 11 with TailwindCSS

436 views

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

How to use Tailwind CSS in React Native

6813 views

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

Free icons for your next project

371 views

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

Top features in Javascript ECMA 2021 (ES21) with examples

291 views

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

Edge serving using S3 and Cloudfront

102 views

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 Micro Frontends?

107 views

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

Passwordless Email login in NextJs using NextAuth

1076 views

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

How to use browser default image lazy loading

135 views

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

React Router and Nginx - Docker

2181 views

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

How to dockerize React App

440 views

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

Blog using Gatsby and Strapi

316 views

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

Free illustrations for developers

200 views

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 - Local Setup

58 views

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

Git - Branching and merging

88 views

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

Git - Sharing and updating

102 views

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

Git - Temporary commits and rewriting

76 views

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

Get Started with Gatsby

99 views

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

Git - Staging and Snapshoting

108 views

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

Backend made easy with Strapi

267 views

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? > 🧑‍💻 : ...

Free hosting for developers

198 views

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

Free resources to learn web development

132 views

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