Let’s Code Better

  • Using MUI with Next.js with Examples

    In this article, you will learn how to use MUI or Material UI components in the Next js application with examples including Buttons, Cards, Forms having Form fields with Radio lists, Datatables, Dialog boxes etc. MUI aka Material UI is a popular React component library that provides Google’s Material UI design. MUI provides a number…

    Read more: Using MUI with Next.js with Examples
  • Next.js: Calling Internal APIs, Fetch Data with Examples

    In this article, we will discuss how to call internal APIs in the Next JS application. We will create new internal APIs, define routes, fetch data and test by using the Jest and supertest tools. We will discuss how to make internal API calls using the getStaticProps or getServerSideProps hooks inside the component/page. Most importantly…

    Read more: Next.js: Calling Internal APIs, Fetch Data with Examples
  • Next.js Interview: Top 50 Questions and Answers 2023

    In this fast-moving web development field, it’s very important to stay updated and ahead. Next.js is one such technology which is gaining much attention in this era and revolves around the vast ecosystem of React. Next.js is a powerful Javascript-based framework which is built over React. The main catch is it comprises of powerful server-side…

    Read more: Next.js Interview: Top 50 Questions and Answers 2023
  • [Angular 16] Adding Time Picker using Ngx-material-timepicker with Validation

    Angular Material provides a vast library of UI components for building professional web applications. However, it lacks an out-of-the-box time picker component. This is where the ngx-material-timepicker comes in handy. In this article, we will learn how to install, configure and use ngx-material-timepicker to add time-picking functionality in Angular apps with Material design.

    Read more: [Angular 16] Adding Time Picker using Ngx-material-timepicker with Validation
  • Next.js Rewrites: Optimizing Your Routing

    In web development, speed and efficiency play a key role. Routing is one such area which is important to focus, which enables users to navigate from one page to another. Outof many tools in Next js we have rewrites. In this article, we will discuss in details about rewrites in Next js, what actually they…

    Read more: Next.js Rewrites: Optimizing Your Routing
  • Pumping Up Python Dicts: Incrementing Values Like a Pro

    Dictionaries in Python are a useful data structure for storing data in key-value pairs. Dictionaries are mutable, meaning the values can be modified after the dictionary is created. A common task when working with Python dictionaries is to increment the values, like keeping a counter.

    Read more: Pumping Up Python Dicts: Incrementing Values Like a Pro
  • How to Convert a List to an Integer in Python

    Welcome! Converting a list to an integer is a common task that comes up when working with Python lists. A list in Python can contain elements of different data types like strings, floats, integers, etc. Often you may need to convert the entire list into a single integer value for certain use cases. For example,…

    Read more: How to Convert a List to an Integer in Python
  • How to Check if a Dictionary is Empty in Python (2023)

    Dictionaries are a critical data structure in Python used to store data as key-value pairs. They are mutable, unordered, and widely used in all types of Python code. It’s very common when working with dictionaries in Python to need to check if a dictionary is empty or contains elements. Testing for emptiness is useful for…

    Read more: How to Check if a Dictionary is Empty in Python (2023)
  • Vite and Next.js for Building Faster Web Apps

    In this article, you will learn how to use Vite a popular build tool with Next js to fasten the application development process. You will also learn how to configure and tweak Vite in the Next js application to experience a lightening fast development process.

    Read more: Vite and Next.js for Building Faster Web Apps
  • Run Android Emulator Without Opening Android Studio

    When developing Android-based applications for example React Native or other Hybrid solutions like Ionic Framework, we may need to test our application on the computer by running the app in an emulator if no physical device is connected. In this guide, you will learn how to find the location of the emulator folder, list all…

    Read more: Run Android Emulator Without Opening Android Studio
  • Facebook & Google Login Auth in Next.js Application Using NextAuth

    In web applications, social logins are becoming common and popular these days. It makes the process of signing up or login the web application by using social logins like Facebook and Google seamless and easy. Social login enables users to authenticate by using their Google or Facebook profiles. This process also eliminates the need to…

    Read more: Facebook & Google Login Auth in Next.js Application Using NextAuth
  • Top Next Js Online Editors – Build and Deploy Next.js Apps

    Next js is one of the most popular React frameworks where we can build production-ready web apps to serve them server-side. We can easily start building applications in Next js. The process becomes easier when you can build and run the next js application on online editors. In this guide, we will discuss the most…

    Read more: Top Next Js Online Editors – Build and Deploy Next.js Apps
  • Angular 15 NGX-TreeView with Template, Lazy-Loading, Event Handling & More!

    In this comprehensive Angular guide, you will learn how to set up the TreeView structure in Angular using the NGX TreeView npm library. The ngx-treeview library provides a number of features like filter search, checkbox selection, lazy-loading of child items, custom template support and much more. We will walk through each and every step to…

    Read more: Angular 15 NGX-TreeView with Template, Lazy-Loading, Event Handling & More!
  • Sessions in Next js : A Comprehensive Guide

    Sessions play an important role in creating dynamic and user intense applications. Sessions enable maintaining user-specific data which can be persisted across requests. In this article, we will discuss various aspects of start using Session in Next js in effective and efficient ways which will enable to creation of production-ready websites to provide industrial-level standards.

    Read more: Sessions in Next js : A Comprehensive Guide
  • Converting HTML into PDF Tutorial Example in Angular

    In this tutorial, we will learn to convert HTML into PDF in the Angular 11/12 app. We will learn step by step how to implement the conversion of HTML into PDF using pdfmake, html-to-pdfmake and jspdf packages.

    Read more: Converting HTML into PDF Tutorial Example in Angular
  • Angular 15 Reactive Forms Dynamic Checkbox List Tutorial Example

    In this tutorial, we will get to know how to implement a dynamic checkbox list in Angular. We will explain step by step implementation of this topic. Sometimes, we have to choose multiple items from an array. At that time, we use a checkbox. This item lists dynamically and the user can choose the required…

    Read more: Angular 15 Reactive Forms Dynamic Checkbox List Tutorial Example
  • Next.js 13+ with Axios – Client Side & Server Side HTTP Calls with Error Handling

    In this article, we will discuss in detail how to harness the power of Next js 13.2+ when combined with popular HTTP client Axios for building dynamic data-driven applications. We will discuss in detail how to use the Axios library on both Client-side and Server-Side to make various types of HTTP calls like GET or…

    Read more: Next.js 13+ with Axios – Client Side & Server Side HTTP Calls with Error Handling
  • Dynamically Update React Page Titles on Routing using React Helmet

    In this React tutorial, we will discuss how to handle document head section content like titles, and descriptions dynamically by using a powerful library React Helmet. With single-page applications like React, we face the challenge of dynamically controlling the document heads which also plays a key role in making its space in search results. As…

    Read more: Dynamically Update React Page Titles on Routing using React Helmet
  • Create a PDF File with Images from HTML using mPDF in Laravel

    We usually need the feature in our app, which is the ability to convert HTML content into PDF format for sharing, printing, or archiving purposes. Laravel, a popular PHP framework, can be easily integrated with the mPDF library to generate PDF files with ease. This tutorial will guide you through the process of creating a…

    Read more: Create a PDF File with Images from HTML using mPDF in Laravel
  • How to Generate PDF File using DomPDF – Tutorial by Example

    In this tutorial, we will explore how to generate PDF files in Laravel by using the DomPDF package. Generating PDF files is a common requirement when developing ERP systems, e-commerce websites, or applications that require reports or invoices in PDF format. We will walk through a simple example of creating and downloading a PDF file…

    Read more: How to Generate PDF File using DomPDF – Tutorial by Example
  • 5 Ways to Import CSS File in React App

    While working with React when it comes to styling the components, we might wonder that which approach is best for our project. In this guide, you will five different ways to import and use CSS style in React application. We will cover the traditional method of importing a global CSS file, using CSS modules, styled…

    Read more: 5 Ways to Import CSS File in React App
  • Download or Preview PDF of HTML in Laravel 9 with DOMPDF

    In this guide, you will learn how to generate PDF files dynamically from HTML view in the Laravel application by leveraging the DomPDF package module. We will walk through easy steps to easily configure the PDF file layout or control over if a PDF file needs to be downloaded or just previewed in a new…

    Read more: Download or Preview PDF of HTML in Laravel 9 with DOMPDF
  • How to Iterate Through a List in Python

    In this quick tutorial, we will explore different ways to iterate through a list in Python. We will cover the following methods:

    Read more: How to Iterate Through a List in Python
  • 4 Ways – How to Remove the First Element from an Array in Python: A Quick Tutorial

    In this tutorial, you will learn four different methods to remove the first element from an array in Python. Arrays are a common data structure used in Python programming to store and manipulate collections of data. We will cover the following methods in detail: pop() method, list comprehension, del keyword, and slicing.

    Read more: 4 Ways – How to Remove the First Element from an Array in Python: A Quick Tutorial
  • 5 Methods – How to Concatenate Strings in Python Which One is Best?

    In this guide, you will learn how to concatenate or combine two or more strings together to form a single and continuous string. In Python, we can achieve this by various methods to concatenate strings efficiently and effectively. In this article, we will explore different techniques to concatenate strings in Python and provide examples for…

    Read more: 5 Methods – How to Concatenate Strings in Python Which One is Best?