Next.js Tutorials

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.

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.

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.

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

Learn how to add Open Graph to a Next.js website with a practical example using the Next.js opengraph-image convention for different page types.

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

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

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

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.

I will share with you how to build a secure and production ready authentication system using JWT with Next.js API routes and jose with practical step-by-step.