Interactive Search & Filter
💡 This interactive component is the only part that ships JavaScript to the browser. The rest of the page (categories, resources) are Server Components that render on the server with zero bundle impact.
Server Components Benefits
- • Zero bundle impact - renders on server
- • Direct database access (no API layer)
- • Automatic code splitting by component
- • Perfect SEO with streaming
Selective Interactivity
- • Only interactive parts ship to client
- • Streaming rendering for better UX
- • Static content renders immediately
- • Progressive enhancement
All Resources
Progressive Hydration Explained
Understanding the concept of Progressive Hydration in React
Sitebulb JavaScript SEO Training
Comprehensive training on JavaScript SEO, covering crawling, rendering, and debugging JavaScript-powered websites.
Screaming Frog
Desktop-based crawler capable of rendering JavaScript for deep SEO audits.
Next.js SEO Plugin
Next.js plugin to handle SEO metadata efficiently within React applications.
WWJD – What Would JavaScript Do?
Tool by Onely to visually compare a page with and without JavaScript.
TL;DR – Too Long; Didn’t Render
Tool by Onely that measures JavaScript rendering cost on a page.
Understand JavaScript SEO Basics
Official Google's documentation on basics of JavaScript SEO and indexing.
Fix JavaScript SEO Problems
Google's official guide to troubleshooting JavaScript rendering problems.
Next.js SEO Guide
Official interactive Next.js course focusing on SEO fundamentals and strategies.
Why Choose Next JS Over React?
So, what makes Next.js different so that the world’s top companies choose it? What is the main advantage of Next.js?
Ultimate Guide to JavaScript SEO
Onely guide to JS SEO, great comprehensive resource.
Next.js App Router SEO Guide [legacy]
Legacy guide: Practical guide to implementing SEO effectively with Next.js App Router.
You Might Not Need JQuery
At the very least, make sure you know what jQuery is doing for you, and what it's not.
Mastering DOM manipulation with vanilla JavaScript
Whether you're developing or using a web component in any framework, you need to work with the DOM at a certain level.
View Rendered Source
A lightweight Chrome Extension that shows you how the browser has constructed (rendered) a page's original HTML into a functioning DOM, including modifications made by JavaScript.
Webinar Recording: Real-World JavaScript SEO Problems
Sitebulb’s Patrick Hathaway was joined by an expert panel of Aleyda Solis, Sam Torres and Arnout Hellemans to discuss all things JavaScript.
Next JS Rendering
Official Next documentation on rendering types and how Next deals with them by default, and the options available for the framework.
How To Do a JavaScript Audit for SEO
A great comprehensive JavaScript audit guide from Ontario based SEO Consultant Sara Taher.
Sitebulb JavaScript SEO Report 2024
A brilliant report from Sitebulb highlighting the knowledge gaps in the SEO industry as well as some important areas we need to focus on.
How to do a JavaScript Audit for SEO - by Sam Torres
A comprehensive guide to auditing JS for SEO written by Samantha Torres of Gray Dot.
The Rise of the AI Crawler
A 2024 study by Vercel that looks at the state of AI crawlers and JavaScript. Essential reading.