// the find
gopinav/Next-JS-Tutorials
Source code related to the Next.js tutorial series on YouTube
Companion code for a YouTube tutorial series on Next.js basics, split into small self-contained sub-projects covering routing, pre-rendering, API routes, authentication, and styling. This is reference material for someone following along with the videos, not a reusable library or starter template.
- Each topic is isolated in its own directory, so you can clone and run just the piece you're learning without untangling unrelated code.
- Covers the right fundamentals in the right order: routing, pre-rendering (SSG/SSR/SWR), API routes, auth via NextAuth, then styling — a reasonable progression for a beginner.
- The next-pre-rendering sub-project includes both a raw fetch example and a SWR variant side-by-side, which is a useful direct comparison.
- Targets Pages Router-era Next.js (2021) and has not been touched since. App Router, Server Components, and the new fetch caching model are entirely absent — someone learning Next.js today will hit these within days of finishing the series.
- No TypeScript in the main examples except some leftover tsconfig/next-env.d.ts files in next-misc, which is inconsistent and teaches habits you'll have to unlearn on any real project.
- The authentication example uses NextAuth v3-era config; the current NextAuth v5 / Auth.js API is a breaking change, so the code won't run without downgrading.
- Zero tests anywhere in the repo, which is fine for a tutorial but means there's nothing to learn from about testing Next.js — a significant gap given how much of production Next.js work involves testing async server components and API routes.