Taking Next.js apps to the next level with Ally and SEO
summary
Shows concrete fixes and outcomes: runs Lighthouse and moves accessibility 97 → 100 and SEO 100 by adding a lang attribute and page titles/meta, implements a reusable layout so headers/footers stay consistent, and wires up sitemap/robots generation with next-sitemap post-build for automatic sitemap.xml and robots.txt. Adds Open Graph meta so social previews render (verified with metatags.io) and deploys to fightinaccessibility.app to demonstrate everything working end to end.
AI-written summary · about
chapters (13)
- 0:00Start
- 0:41Agenda
- 1:17Seo
- 1:29Why We Need Seo
- 5:14Add a Custom Document
- 5:24Creating a Custom Document
- 7:11Lighthouse Report
- 8:39Layout
- 13:00Site Map
- 14:12Sitemap Js
- 16:17Social Media Preview
- 19:36Takeaways
- 20:21Resources
related talks
22mTaking Next Apps to the Next Level
01h 00mBuild more accessible apps in Angular
22mPrioritising Accessibility to Web Development
28mMaking Single Page Apps accessible
27mA11y And React, Why Is It Important?
22mBetter accessibility with a user-centric view
23mBuilding Accessible Components: Best Practices and Business Buy-In
27mCompassion-Driven Development: Building Accessible React UI