webdev

Learn how to build AI assisted blog from scratch

Learn how to build AI assisted blog from scratch

In guide you will learn: how to create seo friendly opensource Nuxt instance how to set-up admin panel using opensource node admin framework AdminForth how to add openai plugins to adminforth how to bundle 2 intances (nuxt + node admin) in single docker container how to automatically spawn one EC2 instance and put docker container there how to add ssl for free using cloudflare Guide: https://adminforth.dev/blog/ai-blog/ Source link lol
Read More
6 steps to deploy your React Next.js app with Github pages

6 steps to deploy your React Next.js app with Github pages

Deploying a Next.js app to GitHub Pages can be a bit tricky due to the static nature of GitHub Pages and the dynamic features of Next.js. In this article, I'll walk you through the steps to successfully deploy do it. Prerequisites A GitHub account Node.js and npm installed on your machine A Next.js project ready to deploy Step 1: Install gh-pages npm install gh-pages --save-dev Step 2: Update next.config.mjs Next, you need to update your next.config.js (or next.config.mjs) file to handle the base path and asset prefix correctly. const isProd = process.env.NODE_ENV === 'production'; const nextConfig = { reactStrictMode: true,…
Read More
How to enable/disable PHP native functions – php.ini Tutorial

How to enable/disable PHP native functions – php.ini Tutorial

In this article I want to give you the step by step procedure to enable or disable php native functions editing the “disable_functions” directive in the php.ini file. Sometimes the default PHP configuration on your server needs to be customized to accommodate the compatibility of your system with the production environment. Why this tutorial I'm the author of Inspector.dev the real-time monitoring package for Laravel and Symfony. This package uses pro_open and proc_close php native functions to perform data transfer from your server to the Inspector API asynchronously. It can also be configured to use the native CURL functions of…
Read More
20 Essential JavaScript Concepts Every Node Developer Should Conquer

20 Essential JavaScript Concepts Every Node Developer Should Conquer

Mastering Core JavaScript Concepts for Node.js Developers JavaScript has led the way in coding by being the language of choice for both frontend and backend development, with NodeJs at the forefront. Before the buzz around server-side JavaScript became cool, everyone recognized JS as the plucky maverick of the movement. While newer platforms such as Deno and Bun have started to provide competition, NodeJs remains the backbone of web apps and system software, with millions of lines of code written and executed using JS. Built on its unique single-threaded, asynchronous architecture and tools like Express, NodeJs is both a boon and…
Read More
Add the sum of prime numbers for a given integer using JavaScript

Add the sum of prime numbers for a given integer using JavaScript

Write a function that takes a positive integer as a parameter and displays the sum of all prime numbers less or equal to it. // Define a function named addPrimeSum that takes a single parameter 'number' function addPrimeSum(number) { // Initialize a variable 'result' to store the sum of prime numbers, starting from 0 let result = 0; // Define an inner function named isPrime that takes a single parameter 'num' function isPrime(num) { // If 'num' is less than 2, it is not prime, so return nothing (undefined) if (num < 2) return; // Loop from 2 to half…
Read More
Las herramientas imprescindibles para desarrolladores Full Stack en 2024

Las herramientas imprescindibles para desarrolladores Full Stack en 2024

Introducción El desarrollo full stack ha avanzado mucho en los últimos años. Para mantenerse competitivo, es crucial contar con herramientas que faciliten el desarrollo, la gestión de proyectos y la colaboración en equipos. En este artículo, compartiré las herramientas que, según mi experiencia, son esenciales para desarrolladores full stack en 2024, abarcando tecnologías de backend, frontend, bases de datos, pruebas y despliegue. 1. Lenguajes y Frameworks Backend Node.js con Express.js Node.js sigue siendo popular para el desarrollo backend gracias a su naturaleza asíncrona y su amplio ecosistema. Express.js es ideal para crear APIs RESTful rápidas y flexibles. NestJS NestJS se…
Read More
JavaScript Promises && Fetch

JavaScript Promises && Fetch

Restaurants A promise in JavaScript is just a pending task. It’s like ordering food at a restaurant: when you place your order, the server makes a promise to bring the food you ordered. Once the food is brought to the table the promise has been fulfilled. If the food you ordered can’t be served because the kitchen is out of a key ingredient, then you can catch a meal somewhere else. This is all asynchronous. When you sit down at the table, you might be chatting with a friend or scrolling on your phone. You pause what you were doing…
Read More
Designing Multi-Tenant UI with Tailwind CSS

Designing Multi-Tenant UI with Tailwind CSS

Tailwind CSS is one of the most popular and widely used CSS libraries. It leverages utility classes to build responsive designs without having to write extensive CSS. It does not use pre-styled components like Bootstrap or Material UI. In this article, we are going to focus on how to build custom variants for a multi-tenant frontend application. This article is for those with a basic understanding of CSS and Tailwind CSS. You don't need to be a frontend expert to follow along. Concept of Variants in Tailwind CSS Tailwind CSS variants are sets of predefined classes that allow developers to…
Read More
Building an Event Scheduler in .NET Using Google Calendar API

Building an Event Scheduler in .NET Using Google Calendar API

Prerequisites Before diving in, ensure you have the following: Visual Studio: A recent version for developing your .NET application. .NET SDK: Make sure you have the latest version installed. Google Account: Required for accessing the Google Tasks API. Google Cloud Project:Set up in the Google Cloud Console. Step 1: Setting Up Your Google Cloud Project Create a New Project: Navigate to the Google Cloud Console. Click on Select a project, then New Project. Name your project and click Create. Enable the Google Tasks API: In the project dashboard, go to Library. Search for "Google Calendar API" and enable it. Create…
Read More
No widgets found. Go to Widget page and add the widget in Offcanvas Sidebar Widget Area.