Developer fixes Next.js portfolio invisible to Google and AI crawlers with 5 tweaks

·6 views

Full Stack Developer Dhruv Sheladiya discovered his Next.js portfolio was nearly invisible to search engines and AI crawlers like ChatGPT because the homepage relied entirely on client-side JavaScript rendering. Since bots such as Googlebot and AI crawlers often skip or delay JavaScript execution, they were seeing an empty page instead of his actual content. He resolved this by embedding crawlable profile text in a server-side layout component using Tailwind's screen-reader-only class, adding structured JSON-LD schema with sameAs links to his social profiles, and ensuring all those profiles linked back to his site. He also corrected a mismatched Open Graph image — resizing it from 1629×966 px and 1.77 MB down to the standard 1200×630 px at 80 KB using Next.js's built-in Sharp library. The fixes improved his site's visibility in search results and made his identity recognisable to AI-powered search tools.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Developer Builds Production-Ready RAG Help Assistant on Snowflake in Weeks

A software developer built a production-grade AI help assistant using Snowflake's native infrastructure to reduce support tickets for a complex B2B SaaS product. The system uses a Snowflake Agent as the controller, Cortex Search for storing and retrieving document embeddings, and Snowflake Openflow to sync internal documents from Microsoft SharePoint into Snowflake Stages. Product knowledge is stored in structured Snowflake tables, with selected content columns feeding directly into the Cortex Search service for contextual retrieval. The developer chose an agent-based approach over deterministic pipelines to accelerate the move from proof-of-concept to production within weeks, while keeping instructions clear and limiting non-deterministic behavior. Staying within Snowflake's existing ecosystem allowed the team to reuse security settings and data infrastructure without building separate AI tooling.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Free Simulator Teaches System Design by Letting You Watch Architectures Fail

A developer has launched a free, browser-based interactive simulator designed to teach system design concepts through hands-on failure scenarios. Users begin with a single server and database handling 100 users, then watch performance degrade as traffic scales to 10 million, learning fixes like indexing, load balancing, caching, and circuit breakers along the way. The tool includes over 150 incident scenarios and 10 crisis simulations such as Black Friday surges, DDoS attacks, and cache stampedes. An Interview Lab feature presents real-world system breakdowns that mirror common technical interview questions, letting users diagnose and resolve issues themselves. Built as a proof of concept using vanilla HTML and JavaScript, the simulator is publicly accessible and the developer is seeking community feedback on future learning topics.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer builds persistent memory system for Claude Code using Obsidian vault

A developer has created an open-source system that gives Claude Code persistent memory across sessions by linking it to an Obsidian vault. The setup stores journal entries, unfinished tasks, commands, skills, and scripts within the vault. When a new session begins, Claude can locate relevant files and resume work from where the previous session ended. The project is publicly available on GitHub, and the creator has also published a video walkthrough demonstrating the setup and a session-recovery test. The developer is seeking feedback from others on how they manage persistent context with AI coding tools.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer builds persistent memory system for Claude Code using Obsidian

A developer has created an open-source tool that gives Claude Code persistent memory by integrating it with Obsidian, a popular note-taking application. The system allows Claude Code to retain context across sessions, addressing a key limitation of AI coding assistants that typically lose context when a session ends. The project, named claude-obsidian-memory, is publicly available on GitHub for other developers to use and contribute to. The creator also published a video walkthrough on YouTube demonstrating the setup process and a session-recovery test. The tool aims to improve continuity and productivity for developers relying on Claude Code for extended or recurring projects.

0 comments Read more at DEV Community