Explore free, hands-on programming tutorials organized by topic. Practical guides covering web development, algorithms, and modern software engineering.
Master core programming languages from basics to advanced
Complete frontend and backend web development stack
Data analysis, machine learning, and AI fundamentals
Master DSA for coding interviews and problem solving
Ace your technical interviews and land your dream job
Structured learning paths to help you master development skills step by step.
12-16 weeks
14-18 weeks
8-12 weeks
Stay up to date with our newest content
How canonical URLs work in the Next.js App Router: setting metadataBase once, writing alternates.canonical per route, handling dynamic segments, and what happens when the base URL is missing.
How the Next.js Metadata API works in the App Router: the static metadata object, the dynamic generateMetadata function, how segments merge, and what actually lands in the rendered head.
A practical Next.js SEO checklist for the App Router: metadata baseline, canonical URLs, sitemap and robots files, social images, indexing control, and how to verify the rendered HTML.
What generateMetadata does, when it runs, and how to use it for real routes: awaited params, deduplicated data fetching, extending parent metadata, and returning a 404 from metadata.
How to write Open Graph and Twitter card metadata in the Next.js App Router: the openGraph and twitter fields, automatic card defaults, article tags, and image merge rules.
Generate Open Graph images from JSX with ImageResponse in the Next.js App Router: the smallest working file, per-route data, custom fonts, the flexbox-only layout rules, and build versus request time.
