Next.js is a powerful framework for building React-based web applications with both frontend and backend capabilities. It offers features like automatic routing, server-side rendering, SEO support and much more.

Next.js routing is a feature that makes navigating React-based web applications easier. It supports static and dynamic routes, server-side rendering, error handling, loading states, and much more useful things.

Sitemaps help search engines find and list what's on a website. This improves SEO and increases chances of ranking higher in search engine results. Next.js provides all needed tools to build sitemap generator.

Next.js allows to create full-stack React-based web applications.

Learn to setup Jest testing library with Next.js.

Learn to create a typing animation with Framer Motion and React.

Typing animation with Framer Motion and React

Explore how to manage HTML attributes in WordPress blocks.

Cumulative Layout Shift in WordPress block

Explore how to add guidance text to controls in WordPress blocks.

Explore ways to create use-friendly modal with use of block toolbar.

Use context in WordPress to share data across blocks.

Explore methods to load scripts and styles in a WordPress block.

Master color customization in custom WordPress blocks.

Block deprecation strategies in WordPress

Crafting custom WordPress blocks made easy with @wordpress/create-block.

Optimizing video playback in React for efficient web performance.

Optimize FluentUI forms for mobile: resolving zoom issues with media queries and CSS-in-JS.

Next.js sitemap boosts SEO by guiding search engines to efficiently index website content.

Gulp automates web dev tasks like minification and testing, streamlining workflow and ensuring consistency.

Use the Fluent UI Link component with the Next.js Link component.

Next.js routing automates paths, dynamic routes, API endpoints, and fast refresh.

Exploring .net vs .com for web app domain: insights on popularity.

Style React apps with Next.js  and Fluent UI React.

 file in WordPress, learn its properties, and simplify block development.

Quick guide on how to create newsletter with Fluent UI, Next.js and MailerLite.

The InnerBlocks component allows nested blocks within a parent block via WordPress block editor API.

Quick guide on how to change and customize themes with Fluent UI and Next.js.

Quick guide on how to setup Fluent UI and Next.js.

Fluent UI is a design system and a set of UI components created by Microsoft.

I was inspired to build the LetMeHelp plugin to streamline support requests and save time for website owners and visitors.

Hide computer name and user name in terminal command prompt

Simple and easy-to-use WordPress plugin for creating website welcome messages.

Did you know that Next.js already comes with a built-in support for environment variables? Learn how to set and use environment variables in Next.js.

Want to build a website using a React library and a utility-first CSS framework? Learn how to create a website with Next.js and Tailwind.

Have a need allowing visitors to send emails? Learn how to create a functional contact page in Next.js, with a bot protection and simple verification system.

Want to have a multi-page website? Next.js makes building pages in React very easy. Learn how to create pages in Next.js, with a help of Tailwind.

Got a warning regarding an unique "key" prop in your React application? Learn how to solve this issue.

Wondering which HTML tag to use for the site title? Check out my case to see if it can help you to make a decision.

Got a warning regarding an unique "key" prop in your React application? Learn how to avoid getting the warning about the "key" prop in each child in a list.

Create components with Next.js and Tailwind

Need to change timestamp to date? Learn how to convert, and to format, your date based on timestamp in React applications.

In my posts, I often use code snippets. Check out my notes on how I was able to improve visual presentation of a code section using a React syntax highlighter.

Favicon is a small icon associated with your website. Check out my notes on how to create a custom favicon, with a support for various platforms.

While working on a React component for my website, I have had a need to get a domain name from the URL string. So, here is a simple solution.

Vercel is the easiest way to deploy Next.js applications. Check out my notes on how to upload a Next.js website to Vercel.

I decided to create a personal blog to document my journey of learning new skills, mostly related to a web development. Let's learn together!

Next.js

Routing

Sitemap