The official Next.js docs, the reference for the App Router, routing, and data fetching.

https://nextjs.org/docs

The official guided Next.js course that builds a real app step by step.

https://nextjs.org/learn

Install Node.js (the LTS version). It runs your tooling and dev server.

https://nodejs.org

Install Git, the version control you commit and push with.

https://git-scm.com/

Create an account to host your repositories and collaborate.

https://github.com/

Create an SSH key so you can push to GitHub without typing a password each time.

https://docs.github.com/en/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent

Register your SSH key with your GitHub account to finish the setup.

https://docs.github.com/en/authentication/connecting-to-github-with-ssh/adding-a-new-ssh-key-to-your-github-account

The official starting point for Git and GitHub basics, from first commit to pull requests.

https://docs.github.com/en/get-started

The editor most of this ecosystem uses, with strong TypeScript and React support.

https://code.visualstudio.com/

The browser extension for inspecting the React component tree and props while you debug.

https://react.dev/learn/react-developer-tools

An opinionated code formatter that ends style debates by formatting on save and in a pre-commit hook.

https://prettier.io/docs/

Git hooks made easy, so checks like lint and format run automatically before a commit or push.

https://typicode.github.io/husky/

A commit message convention that gives you a readable history and automated changelogs.

https://www.conventionalcommits.org/

IBM explains why AI models produce confidently wrong answers, and why you have to verify what they tell you.

https://www.ibm.com/think/topics/ai-hallucinations

Why writing a spec first beats winging it prompt by prompt, the idea behind the spec-driven beat.

https://github.blog/ai-and-ml/generative-ai/spec-driven-development-with-ai-get-started-with-a-new-open-source-toolkit/

What user stories are, how to write them, and how acceptance criteria confirm a story is done.

https://www.atlassian.com/agile/project-management/user-stories

How teams define what to build and for whom before development starts.

https://www.atlassian.com/agile/product-management/requirements

Why shipping a simpler version on time beats waiting for perfection.

https://www.atlassian.com/agile/product-management/minimum-viable-product

How to rank work by value and decide what to cut or defer when time runs short (RICE, MoSCoW, value vs effort).

https://www.atlassian.com/agile/product-management/prioritization-framework

How isolating work in feature branches keeps two people off the same code.

https://www.atlassian.com/git/tutorials/comparing-workflows/feature-branch-workflow

What a shared "ready to merge" bar is and why the team agrees on it up front.

https://www.atlassian.com/agile/project-management/definition-of-done

Composable charts built on React and D3.

https://recharts.org

How to fetch data in Server Components with no client library, the default this lesson recommends.

https://nextjs.org/docs/app/getting-started/fetching-data

Caching, refetching and sync for server state managed on the client.

https://tanstack.com/query

Vercel's leaner stale-while-revalidate data-fetching hook for the common case.

https://swr.vercel.app

Modular date functions you can tree-shake, import only what you use.

https://date-fns.org

A tiny library (under 2 KB) with a familiar, chainable API for formatting and comparing dates.

https://day.js.org

Performant forms with minimal re-renders, built around uncontrolled inputs, with the largest ecosystem.

https://react-hook-form.com

Strict TypeScript inference and first-class async field validation, the same API across frameworks.

https://tanstack.com/form/latest

Check the real bundle cost of an npm package before you add it.

https://bundlephobia.com

File-based routing, layouts, and dynamic segments in the App Router.

https://nextjs.org/docs/app

Minimal global state with a tiny API, no boilerplate, no provider required.

https://zustand.docs.pmnd.rs

Utility-first CSS you compose directly in your markup, no separate stylesheet to maintain.

https://tailwindcss.com

Copy-paste components built on accessible primitives (Radix UI by default) and Tailwind CSS that live in your repo.

https://ui.shadcn.com

TypeScript-first schema validation with type inference built in, and the most widely adopted of the three.

https://zod.dev

Modular schemas that tree-shake, so only the validation rules you use ship in your bundle.

https://valibot.dev

Schemas written in TypeScript-like syntax, with very fast runtime validation.

https://arktype.io

How HTTP authentication schemes work, including Bearer tokens and the Authorization header.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Authentication

The proxy file runs before a request completes to redirect or rewrite based on auth state; it was called middleware before Next.js 16.

https://nextjs.org/docs/app/api-reference/file-conventions/proxy

How authentication, sessions, and authorization fit together in a Next.js app.

https://nextjs.org/docs/pages/guides/authentication

A framework-agnostic TypeScript auth library that handles sessions, cookies, and providers so you do not roll your own.

https://www.better-auth.com

How the browser enforces the same-origin policy and what the server must send to allow cross-origin requests.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS

How Next.js separates server-only variables from variables exposed to the browser via NEXT_PUBLIC_.

https://nextjs.org/docs/app/building-your-application/configuring/environment-variables

Query status (pending, error, success) and the isPending / isError booleans this lesson branches on.

https://tanstack.com/query/latest/docs/framework/react/guides/queries

The route-level loading fallback for server-fetched data, which pairs with a client library's states for revalidation.

https://nextjs.org/docs/app/api-reference/file-conventions/loading

The browser's built-in primitive for making HTTP requests.

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

The full list of HTTP status codes an API can return and what each one means.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status

Generate TypeScript types straight from an OpenAPI or Swagger spec, so your types track the real API.

https://openapi-ts.dev

Official guide to App Router folders and file conventions.

https://nextjs.org/docs/app/getting-started/project-structure

Tool for adding git hooks to your project with minimal configuration.

https://typicode.github.io/husky/

How to read the current query string in a client component, the natural place to hold active filters.

https://nextjs.org/docs/app/api-reference/functions/use-search-params

Type-safe search params state for Next.js, so filters read and write to the URL with the ergonomics of useState.

https://nuqs.dev

How to fetch one page at a time and keep the previous page on screen while the next one loads.

https://tanstack.com/query/latest/docs/framework/react/guides/paginated-queries

How the disabled attribute changes behavior, focus, and accessibility for form controls.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/disabled

How Server Components decide what to render before any markup reaches the browser.

https://nextjs.org/docs/app/getting-started/server-and-client-components

A reusable Can component that renders its children only when the current user is allowed the action, so the check lives in one place.

https://casl.js.org/v7/en/guide/intro

How the browser exposes position, the permission prompt, and the error callback.

https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API

The actively maintained React wrapper (vis.gl) for Mapbox GL and the free MapLibre, with map and marker components.

https://visgl.github.io/react-map-gl/

The browser primitive for a two-way, persistent connection between client and server.

https://developer.mozilla.org/en-US/docs/Web/API/WebSocket

A library over WebSockets that adds reconnection, rooms, and fallbacks, with a browser client for React.

https://socket.io/docs/v4/

How to group nearby markers into clusters that split apart as the user zooms in.

https://developers.google.com/maps/documentation/javascript/marker-clustering

The browser API for displaying system notifications to the user.

https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API

A one-way stream from server to client over a single HTTP connection.

https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events

How to announce dynamic updates to screen reader users without moving focus.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions

Reference for ARIA roles, states, and properties.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

Practical accessibility guidance with examples and audit tools.

https://web.dev/accessible/

How to run axe-core accessibility scans inside Playwright tests.

https://playwright.dev/docs/accessibility-testing

The full list of Playwright expect matchers for asserting what is visible in the browser.

https://playwright.dev/docs/test-assertions

How to log in once, save storage state, and reuse it across tests without repeating the login flow.

https://playwright.dev/docs/auth

How to share setup and teardown logic across tests using Playwright's fixture system.

https://playwright.dev/docs/test-fixtures

The default end-to-end testing tool for this stack, with support for all major browsers.

https://playwright.dev

Record and replay test runs step-by-step to see exactly what Playwright saw on failure.

https://playwright.dev/docs/trace-viewer

How Playwright checks actionability before clicking, typing, or asserting.

https://playwright.dev/docs/actionability

Official guide to Playwright locators: role, label, text, and testid-based strategies.

https://playwright.dev/docs/locators

Configuration and tips for running Playwright in continuous integration environments.

https://playwright.dev/docs/ci

The automation platform used to run tests on every push and pull request.

https://docs.github.com/actions