Tutorials Blogs

These are tutorial blogs to help you learn by doing.

Docusaurus: The Modern Framework for Building Documentation That Doesn’t Suck - Syed Ali Naqi Hasni

Docusaurus: The Modern Framework for Building Documentation That Doesn’t Suck

Discover why I chose to move away from WordPress—and why you might want to do the same. From performance pitfalls to developer freedom, here's the unfiltered truth.

June 26, 2025
6 min read
Why I'm Moving from Shortcodes to Custom Blocks in WordPress and You Should Too… - Syed Ali Naqi Hasni

Why I'm Moving from Shortcodes to Custom Blocks in WordPress and You Should Too…

Discover why moving from shortcodes to custom blocks in WordPress is a game-changer for performance, usability, and future-proofing your site. Learn how Gutenberg blocks can elevate your content editing experience.

January 8, 2025
4 min read
ReactPress: A Seamless React App Workflow with WordPress CMS - Syed Ali Naqi Hasni

ReactPress: A Seamless React App Workflow with WordPress CMS

Discover how to integrate React with WordPress CMS using a headless or hybrid approach. Streamline your frontend workflow while managing content efficiently on the backend.

November 27, 2024
6 min read
Integrating NodeMailer with Next.js: A Comprehensive Guide - Syed Ali Naqi Hasni

Integrating NodeMailer with Next.js: A Comprehensive Guide

Learn how to set up and use NodeMailer in a Next.js application to send emails from your contact forms, authenticate with SMTP, and ensure secure, scalable communication.

January 19, 2024
6 min read
Headless WordPress and Content Management Systems - Syed Ali Naqi Hasni

Headless WordPress and Content Management Systems

Explore how Headless WordPress works and compare it with other modern content management systems for greater flexibility and performance.

November 2, 2022
6 min read

Getting Started with Next.js and Tailwind

Syed Ali Naqi Hasni

Getting Started with Next.js and Tailwind

Learn how to set up a new Next.js project with Tailwind CSS to build fast, responsive UIs with ease.

January 1, 2018
5 min read

State Management in React Applications

Syed Ali Naqi Hasni

State Management in React Applications

Explore different state management approaches in React—Context API, Redux, Zustand, and more—to keep your UI predictable and maintainable.

January 1, 2018
6 min read

Creating Animations with Framer Motion

Syed Ali Naqi Hasni

Creating Animations with Framer Motion

Learn how to add beautiful, performant animations to your React apps using Framer Motion — for fluid transitions, gestures, and more.

January 1, 2018
5 min read

Next.js API Routes: Building Server Endpoints

Syed Ali Naqi Hasni

Next.js API Routes: Building Server Endpoints

Discover how to create API routes in Next.js for backend logic — authentication, form handling, data fetching — right inside your frontend framework.

January 1, 2018
6 min read

Responsive UI with Tailwind CSS

Syed Ali Naqi Hasni

Responsive UI with Tailwind CSS

Master responsive design using Tailwind's utility classes and variants — build adaptable layouts that look great on any device.

January 1, 2018
4 min read