Next.js Tutorials

Learn how to deploy your Next.js website on a VPS using Node.js and PM2, I walk you through the exact steps I used for my kolora.app website.

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.

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.

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.

Learn how to set up CI/CD for your Next.js website on a VPS using GitHub Actions and Deploy Keys, I walk you through the exact steps I used for my kolora.app website.

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