In the realm of web development, data fetching stands tall as a fundamental aspect, akin to the very fabric that weaves together intricate applications. In this journey through the corridors of React and Next.js, let’s delve into the art of fetching, caching, and revalidating data, unraveling the mysteries and unveiling the

Building a successful SaaS product requires more than just a great idea. You need the right tools to streamline development, manage infrastructure, and optimize your user experience. Luckily enough, you do not need to reinvent the wheel since there are great SaaS products that you can integrate into your project and therefore build and ship faster. This post will guide you through eight essenti

React is a popular javascript framework that is the most loved library for building user interfaces. Despite being one of the front-end developer's favorites, React introduces pitfalls that beginners often fall into. These blogs are related to state and effects and other functionalities that make React easier to work with. Here are five common mistakes beginners often make in React, along with

The arrival of artificial intelligent chat-bots that can complete student's assignments has been a game changer, at least for students. While most educational institutions are rushing to implement AI detectors, there is a possibility that current AI will develop beyond the simple metrics tested by the detectors. Here is my opinion on how AI will shape the future of education.

As a jobless full-stack software engineer, I always dream of learning PHP so i can easily buy a Lambo like the rest of PHP developers. However, the ultimate glitch of money making as a programmer is to teach others programming - what a pyramid scheme. Consider this my new way of passing my knowldge to you. Here is a list programming langauges that are more valuable and in demand in 2024.

If you have contact, registration or other forms on your website it's important to try and ensure that they are only used by humans. Robots (or 'bots') search out websites with unprotected forms - to either spam the site owner, or worse, potentially send spam to contacts registered with the site.

Google reCAPTCHA can help to stop this - either via a challenge that a human needs to comple

CSS is full of new tricks and features that you might not even know about. These features can help us become better in our daily development and even solve our problems. Here are 10 CSS features that you might not know about.

1. Color-Mix()

CSS

HTML offers a vast array of elements that can enhance the way you present content on the web. While most developers are familiar with standard tags like <div>, <p>, and <a>, there are some lesser-known elements that can be quite useful. Here are five unique HTML elements you might not know about:

This blog is a continuation of the previous blog on handling auth in next js where we discussed the use of JWT tokens in server actions to fetch user data. In the blog, we talked about creating an api route (/api/me) where we can use context to fe

TypeScript has an unusual relationship with JavaScript. TypeScript offers all of JavaScript’s features, and an additional layer on top of these: TypeScript’s type system.

For example, JavaScript provides language primitives like string and number, but it doesn’t check that you’ve consistently assigned these. TypeScript does

 Artificial intelligence (AI) in criminal justice has been pervasive for some time and will only grow in the future. AI’s impact on the criminal justice system in 2023 is immense, with significant influence on crime monitoring and prevention, judicial and correctional systems, and many other criminal justice practices. It’s not difficult to spot AI’s impact on public safe

I once shared that I have migrated my database from Active Record using ruby on rails to a Prisma ORM and Node Js server powered by NextJS. This tutorial will create a simple API for Tesla vehicles to help you get started. Prisma is a powerful database toolkit that simplifies working with databases by providing a modern, type-safe

HTML (Hypertext Markup Language) is the backbone of web development, allowing us to structure and present content on the internet. While most developers are familiar with popular HTML tags like <div> and <p>, there are lesser-known tags that can enhance the functionality and aesthetics of web pages. In this article, we'll explore 11 HTML tags

The web is full of fantastic, free tools that can supercharge your development journey. Whether you need learning platforms, hosting, or design assets, here's a comprehensive guide to help you build, design, and deploy better projects.

📑 

I recently switched to using Prisma ORM for the backend of my blog. This decision came after encountering difficulties hosting my Ruby on Rails API for free. Most hosting platforms, including my favorite Railway, require a monthly payment, which exceeds my current budget. Here is my experience with Prisma so far.

HTML & CSS are the predominant languages for any newbie front-end developer to learn. CSS or Cascading Style Sheets is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. However, CSS is not as easy as it looks, and mastering it takes time. Here are some 5 tricks that can help make you

CSS is not as simple as it looks and developers often make some mistakes that leave them struggling with what to do. CSS is perceived as an unintuitive and difficult language to work with because of these common mistakes that thwart most developers when they try to write CSS. As a result, most developers opt to use CSS frameworks such as Bootstrap and Tailwind CSS to avoid writing their own CSS

One major challenge associated with designing your authentication system flow is ensuring users enter valid email addresses. To avoid fake users, verifying that users have entered their email addresses is necessary. Verifying email can help in enhancing other security measures such as sending password reset links or notification emails. This blog explains how to implement an OTP verification sy

While it easier to kidnap any javascript developer using a new frontend framework, developers are not overly impressed with Typescript. There is a significant debate about Typescript and the pressure for developers to learn it since it is is required in most professional settings.

TypeScript, a superset of JavaScript developed by Microsoft, has become increasingly popular in recent years

Form validation is a crucial aspect of web development, ensuring that users input data correctly before submitting it. Traditionally, developers often manage validation by storing error states in JavaScript and then displaying those errors to the user. While this method works, it can be cumbersome, especially as the complexity of forms grows

If you are a react dev or use other javascript

Writing semantic CSS is often hated by developers as it can lead to a lot of bugs and zombie code that unnecessarily bloats the code base. Maintaining a large website with custom CSS is also overwhelming. Luckily, there are CSS frameworks that also come with pre-styled components and thus make web dev faster.

CSS frameworks are pre-prepared libraries that are meant to be used to speed up

Web development can be difficult, but with the right tools the journey could be a smooth ride. There are various resources available for developers, with the rise of AI making it even easier for web developers to bootstrap applications. Here are top 10 resources that you will wish you knew earlier.

1. Next.js:

Next.js is a React framework highly recommended by the

In the realm of JavaScript, crafting clean, readable, and maintainable code is paramount. One fundamental aspect that significantly contributes to code quality is effective variable naming. This blog delves into 12 best practices for variable naming in JavaScript, ensuring your code is not only functional but also comprehensible and maintainable.

1. Embrace let and const: The Modern App

JavaScript is a powerful, flexible language, and knowing a few cool tricks can make your code cleaner, faster, and more efficient. JavaScript is the number one programming language in the world, the language of the web, of mobile hybrid apps (like React Native), of the server s

AI apps are evolving rapidly, which is great news for developers and users. I'm interested in using AI to generate blog article summaries to make it easier for readers to grasp the main points before diving into the full article.

This article discusses the process of inte

If you are a web developer who spends a lot of time working, you might think of yourself as a web worker. However, we are sorry this username is taken. The World Wide Web hides many mysteries, and understanding fully how browsers work is challenging. This blog unravels the mystery of web workers, the hidden unpaid interns in websites.

We will explore what web workers are and how they hel

As a React Dev, I tried my hands on NextJS and never turned back. What drew me to the platform is the server rendering and easier routing. The two frameworks go toe-to-toe, with NextJS being an advanced version of React. The debate between Next.js vs React has been around for a while.

Comparing Next.js vs React, Next.js is a React framework, on the other hand, React is just a JavaScript

Authentication is crucial in every app, and ensuring sufficient security is vital whether you are creating a small app or a production ready deployment. Understanding auth concepts such as hashing, cryptography and so on could be challenging, but luckily there are few libraries that simplify the process.

For this blog, I will explain how I have implemented authentication in my app using

Congratulations on Learning Ruby on Rails and Creating Your first Ruby on Rails Application! But wait a minute, how do you host your application on the internet?

One of the most challenging endeavors I have faced as a Ruby on Rails developer is finding hosting websites that offer free tier hosting for students and are actually easy to use. That is why I have com

I have been the greatest fan of NextJS, but I believe there is more hype to the framework. My opinion about NextJS is changing and I am considering switching to Remix or Just the old plain React. Here is why I think NextJS is overhyped.<

Markdown is a lightweight markup language that formats text with simple syntax. It's widely used for blog posts, documentation, and code comments. In this comprehensive guide, we'll cover all the essential Markdown elements, empowering you to easily write beautifully formatted content.

Headings

Headings are used to structure your content and create a hierarchy. Use the pound sig

As a developer, you either accept that you suck at typography, or choose to live your life watching a random guy explain how to choose typography on YouTube. I have seen numerous videos and spent several hours watching tutorials on how to choose fonts.

Various youtubers have made videos explaining the self-proclaimed rules of choosing typefaces. However, watching these v

If you know me well, I am that ruby girl that enjoys working with ruby on rails. As a language designed to make developers happy, rails surely offer alot of flexibility to developers, including some generators that can generate anything with just one line of code! This guide will discuss how to create a ruby on rails api, assuming you have rails insta

Clean code is a joy to work with. It is easy to understand, maintain, and extend. In this blog post, we'll explore some tips and best practices for writing clean code, using JavaScript as our example language.

Clean code is a term used to describe computer code that is easy to read, understand, and maintain. Clean code is written in a way that makes it s

The rise of various AI programs such as ChatGPT, Google Bard, Google Duet, Google Gemini, Amazon CodeWhisper and GitHub Copilot has revolutionized how developers write code. These programs have increased concerns on whether

The rise of GenAI such as ChatGPT and Gemini has ushered in a new era in human revolution. This era has fairly been predicted as having catastrophic consequences for humanity. However, as people worry about AI enslaving us, they often overlook one major problem. Mass censorship!

Search engines like Google and Bing are integrating AI, promising a smoother, more relevant online experience.

Quantum computing has been a buzzword in the tech industry for years, promising to revolutionize everything from cryptography to artificial intelligence. But what does the future hold for this cutting-edge technology?

As we look ahead to the next decade, it's clear that quantum computing will move from theoretical research to practical applications, impacting industries in ways we can on

Git is an essential tool for developers, enabling smooth version control, collaboration, and code management across projects. This cheat sheet breaks down the basics of Git, from setup to advanced commands, so you can navigate Git’s functionality with ease.

1. Setting Up