Explore All The

Practical Articles

Learn how to build a Multiple File Uploader with Next.js App Router, with a practical step-by-step approach by building a fully working Next.js file uploader.

I will teach you how to upload a file using the Next.js app directory and the new api handlers in the route.ts file with a practical step-by-step.

It may be tricky to create a file uploader with Next.js. I will teach you how to build a file uploader with Next.js and formidable with practical step-by-step.

Learn how to add a cookie consent banner with Next.js and Tailwind CSS, and how to remember when a user has already accepted the cookie consent banner.

A practical guide on how you can use the cheerio and curl npm packages to web scrape magnet links from a torrent website with Node.js and TypeScript.

Learn how to set up and structure a Next.js project with TypeScript, Tailwind CSS, and Prisma.js for your future full-stack apps.

You will learn exactly how to add OpenGraph to your Next.js website by using a reusable component and a helper hook and how to reuse it on multiple pages.

We will add a dynamically generated sitemap with Next.js and Sitemap.js to help search engines crawl and better understanding our website structure.

Adding progress bar feature to a file uploader that we built with Next.js and formidable by changing from Fetch API to Axios.

I will show you step-by-step How to add Google Analytics to your Next.js website to measure your website traffic.

You will learn how I integrated a CI/CD for a Next.js website on a VPS using Github Actions and some pitfalls that I've encountered while doing it.