Taking Next Apps to the Next Level
summary
A live demo creates a Next JS site with yarn create next app, runs a Lighthouse audit and shows concrete fixes: add lang on html (via _document.js or i18n), set per‑page <title> and meta description, mark presentational images alt="" instead of keyword stuffing, and add Open Graph meta like og:image to get rich social previews. Scores move from accessibility 97 and SEO 80 to 100 after these changes; validators used include Twitter Card and LinkedIn Post Inspector.
AI-written summary · about
chapters (13)
- 0:00Start
- 6:00What this talk is about?
- 6:38Accessibility (ally)
- 7:49How Search Engines work?
- 8:34Let's code
- 9:37Error: missing language
- 10:09Fix: Add Document Language
- 10:20Custom document
- 13:13Meta description
- 16:46Open Graph
- 18:45Summary
- 20:13Demo links for reference
- 20:55Anuradha Kumari
related talks
21mTaking Next.js apps to the next level with Ally and SEO
26mNext level Coding
20m5 things you need to know to take your next app to the next level
09mBuild Projects 10x Faster with Next.js
36mNext.js by Example
22mHow micro-frontends and NextJS can 4x site performance
10mExploring the New Features of Next.js 13
07mElevating brands with Next.js