Blog

Implementing Internationalization (i18n) in Next.js 15 with the App Router

Learn how to add i18n to Next.js 15 with the App Router! Set up locales, load translations, and build a language switcher. Includes JSON & accessibility best practices.

Integrating Jest and React Testing Library with ReactJS and TypeScript

Learn to integrate Jest and React Testing Library with React TypeScript using Vite. This guide covers setup, configuration, and writing effective tests.

Deploying Next.js to Vercel with GitHub Actions: A Quick Guide

Learn how to deploy your Next.js app to Vercel using GitHub Actions for seamless CI/CD. Automate deployments, save time, and enhance your development workflow.

Protect Your Website: How to Stop Hackers with Simple HTML Cleaning

Protect your site from XSS attacks. Learn about sanitization and trusted packages like xss for security.

Sync Smart: Automating Next.js Development with GraphQL Codegen

Optimize your Next.js projects with GraphQL Codegen. Automate type definitions and query builders for seamless frontend-backend synchronization.

Next.js Email Sending with App Router and EmailJS

Discover how to integrate EmailJS with Next.js using App Router and Server Actions. This guide covers both SDK and API approaches for seamless email functionality.

HTML Details Tag: Simplifying UI with a Powerful Alternative to Custom Accordions

Discover the simplicity and power of HTML's <details> tag as we redefine UI design. Say goodbye to the complexities of custom accordions and embrace a more efficient alternative that transforms your user experience effortlessly.

Building a Sanity Studio with Next.js 13: A Step-by-Step Guide

Learn to integrate Sanity Studio with Next.js for efficient content management and dynamic web apps. Elevate your web skills!

Build Icon-set By using SVGO Optimizer Nodejs tool

Optimize SVG files with SVGO Node.js tool. Learn setup, config, and automation for better web performance. Enhance user experience!

Create a Responsive Navigation Bar Using Semantic UI React Library

In this article, you will learn how to combine Semantic UI components together to build a professional responsive component On the NextJs application!

Build blog post website using NextJs & markdown

Learn to build a dynamic blog with Next.js and Markdown. This guide covers creating dynamic pages, rendering Markdown, and optimizing images for a fast, modern blog.

How to send emails from Nextjs without the Backend using EmailJs

Learn how to send emails from your Next.js application without the need for a backend server using EmailJS. Follow this step-by-step guide to easily integrate email functionality into your Next.js projects.

Created by Ali Kadhim | 2023