Template Components & Setup Tutorials
Instructional Videos & Online Courses
These videos are a great way to learn about the various components and libraries that are included in the app.
Next.js
- NextJS 15 Full Course 2025 | Become a NextJS Pro in 1.5 Hours Covers all 12 core concepts including routing, metadata, SEO, and server/client components. Great for a fast but thorough overview.
- Next.js 15 Fundamentals in 45 Minutes (Tutorial For Beginners) | A fast-paced walkthrough of folder structure, routing, API routes, and server/client components.
- Learn Next.js 15 in 1 hour - Beginner Tutorial | Covers everything from setup to authentication and server actions—perfect for getting started quickly.
- Next.js 15 Routing Explained For Beginners | Focuses specifically on routing, including nested routes, dynamic paths, and layout usage.
- Master Next.js 15 in Just 3 Hours (With Authentication) | Builds a video conferencing app with TailwindCSS, authentication, and deployment.
- Next JS 15 Crash Course for Beginners | 01 Setup | First in a series—great for understanding initial setup and project structure. (Checkout the rest of the series too.)
Typescript (Javascript with Types)
- Learn TypeScript in 50 Minutes - TypeScript Beginner Crash Course | PedroTech's fast-paced crash course is perfect for learners who want a quick but thorough overview. It covers tsconfig, annotations, interfaces, unions, and more—all in under an hour.
- Learn TypeScript – Full Tutorial | This 4+ hour deep dive by freeCodeCamp covers everything from basic types to advanced concepts like generics, type narrowing, and abstract classes. Ideal for learners who want a solid foundation with practical examples.
- TypeScript Tutorial for Beginners | This concise and beginner-friendly guide introduces TypeScript fundamentals, compiler configuration, and debugging techniques. A solid pick for those just getting started.
- TypeScript Full Course - From Beginner to Advanced | This structured course by Programming with Mosh-style creators includes chapters on static typing, advanced function types, classes, generics, and modules. Ideal for learners who appreciate a chapter-based format.
HTML & CSS
- HTML Tutorial for Beginners: HTML Crash Course | A fast-paced crash course that explains how the web works, introduces HTML and CSS, and walks through DevTools and page validation. Ideal for visual learners.
- HTML & CSS Full Course - Beginner to Pro | This 6+ hour course covers everything from HTML basics to advanced CSS techniques like Flexbox and Grid. Great for building a strong foundation and completing a full project.
- HTML & CSS Full Course for free | Another full-length course that blends HTML and CSS with real-world examples like navigation bars, image galleries, and animations. Great for hands-on learners.
Next Authentication
- Next.js App Router Authentication (Sessions, Cookies, JWTs) | Learn the foundations of session based authentication through cookies in the Next.js App Router, and how community libraries like Auth.js build on top of this model.
- Nextjs Authentication with NextAuth (plus Auth Middleware) | In this video, we delve deep into implementing a standard authentication using NextAuth, a powerful authentication library for Next.js applications. Whether you're a beginner or a seasoned developer, this video got you covered from installing next-auth to the actual implementation.
Node Mailer
- How to Send Emails in Next.js Using Nodemailer and SMTP | Next.js 14 App Router Email Client | A short tutorial that covers the basics of sending emails using Nodemailer and SMTP. Ideal for those new to Node Mailer.
Saving Images (with Minio Storage)
- Self-host a MinIO instance & upload files to it from Next.js - Next.js 15 & MinIO Tutorial | How to self-host a MinIO instance using Docker-Compose & upload files from a Next.js 15 application to MinIO. This tutorial covers the basics of setting up a MinIO instance, configuring Next.js to use it, and uploading files to it.