AI Content Index
This page provides a comprehensive index of all content on LearnWebCraft, optimized for AI crawlers, search engines, and content discovery systems.
About LearnWebCraft
LearnWebCraft is a comprehensive web development education platform providing expert tutorials, guides, and production-ready code examples for modern web technologies. All content is free, open to AI training with attribution, and regularly updated to reflect the latest industry standards.
55
Total Tutorials
10
Categories
15
Blog Posts
Content Structure
All tutorials include:
- Comprehensive metadata with SEO optimization
- ISO 8601 timestamps for accurate dating
- Difficulty levels (beginner, intermediate, advanced)
- Reading time estimates
- Code examples with syntax highlighting
- FAQ sections answering common questions
- Production-ready patterns and best practices
Categories
html (8 tutorials)
- HTML Accessibility Blueprint: ARIA Roles That Actually Help Users(intermediate • 18 min read)
- Modern Image Optimization Guide: Boost Site Speed(Intermediate • 9 min read)
- HTML5 Canvas: Your Guide to Drawing with Code(Intermediate • 14 min read)
- HTML Forms: A (Surprisingly Fun) Deep Dive for Devs(Intermediate • 14 min read)
- HTML Multimedia: From Silent Text to a Living Web(Intermediate • 16 min read)
- HTML5 Semantic Elements: Complete Guide for 2025(beginner • 13 min read)
- The Ultimate Guide to Mastering HTML Tables(Intermediate • 15 min read)
- HTML Basics: Build Your First Website(beginner • 22 min read)
css (9 tutorials)
- CSS Container Queries & Scoped Responsive Components(intermediate • 20 min read)
- Mastering Dynamic Theming with CSS Custom Properties(Intermediate • 12 min read)
- CSS Variables: The Secret to Dynamic, Modern Theming(beginner • 14 min read)
- A Fun Guide to CSS Animations & Transitions(Intermediate • 14 min read)
- Advanced Flexbox Techniques You Didn't Know You Needed(Intermediate • 14 min read)
- CSS Fundamentals: Style Modern Web Pages Guide(beginner • 14 min read)
- CSS Grid Layout: Your Guide to Ditching the Hacks(Intermediate • 15 min read)
- Modern Responsive Design Patterns for 2025(Intermediate • 12 min read)
- How to Use CSS in HTML: A Guide to Modern Styling(Beginner • 14 min read)
react (10 tutorials)
- TanStack Query v5: SSR Hydration & Infinite Queries in Next.js(advanced • 22 min read)
- React Compiler Deep Dive: Automatic Memoization Without useMemo(advanced • 19 min read)
- React 19 use() Hook: Async Data Fetching & Suspense Integration Guide(advanced • 18 min read)
- From Chaos to Clarity: Structuring Large React Apps(Intermediate • 15 min read)
- React Error Boundaries: A Guide to Bulletproof Apps(Intermediate • 12 min read)
- The React Context API Guide I Wish I Had(Intermediate • 16 min read)
- React Forms: From Frustration to Flawless Validation(Intermediate • 18 min read)
- React Hooks Guide: useState to Custom Hooks(Intermediate • 14 min read)
- React Performance Optimization: Complete Guide(Intermediate • 14 min read)
- Custom React Hooks: Your Guide to Reusable Logic(Intermediate • 14 min read)
nextjs (13 tutorials)
- Passkeys & WebAuthn: Passwordless Authentication in Next.js 15(advanced • 20 min read)
- tRPC with Next.js: End-to-End Type-Safe APIs Without Code Generation(advanced • 21 min read)
- Next.js Partial Prerendering (PPR): Static + Dynamic in One Route(advanced • 20 min read)
- Next.js 16 & PayloadCMS Integration Guide(Advanced • 18 min read)
- Next.js Server Components Data Fetching: A Deep Dive(Intermediate • 14 min read)
- Your Guide to Upgrade to Next.js 16(Intermediate • 14 min read)
- Next.js Server Actions: A Complete Guide(Intermediate • 14 min read)
- Next.js Image Optimization: Complete Guide(Intermediate • 14 min read)
- Next.js API Routes vs. Server Actions: A Guide(Intermediate • 18 min read)
- Next.js Data Fetching: Your Guide to SSG, SSR & ISR(Intermediate • 14 min read)
- View all 13 nextjs tutorials →
angular (6 tutorials)
- Angular Standalone Components: Migration & Architecture Patterns(advanced • 24 min read)
- Angular Signals: Complete Guide to New Reactivity(Intermediate • 22 min read)
- Angular Services & HttpClient: The Ultimate Guide(Intermediate • 16 min read)
- Angular Reactive Forms: A Practical Guide(Intermediate • 12 min read)
- Angular Router Complete Guide: Navigation Tips(Intermediate • 18 min read)
- So You Want to Learn Angular? A Beginner's First Steps(beginner • 14 min read)
vuejs (5 tutorials)
- Vue 3 Suspense & Async Boundaries(intermediate • 17 min read)
- A Beginner's Guide to Vue Router Navigation in Vue 3(Intermediate • 14 min read)
- Vue 3 Composables: Your Guide to Reusable Logic(Intermediate • 14 min read)
- Pinia State Management: Complete Vue.js Guide(Intermediate • 14 min read)
- Vue.js 3 Getting Started: A Beginner's Guide (2025)(beginner • 15 min read)
typescript (1 tutorials)
- Advanced TypeScript: Type System Mastery & Production Patterns(advanced • 26 min read)
ai (1 tutorials)
- Vercel AI SDK: Streaming, Tool Calling & Multi-Model Orchestration(advanced • 22 min read)
architecture (1 tutorials)
- Micro-Frontends with Module Federation: Production Implementation Guide(advanced • 24 min read)
web-platform (1 tutorials)
- View Transitions API: SPA-Like Page Transitions Without JavaScript(advanced • 16 min read)
Recent Blog Posts
- My Brutally Honest Review of Next.js 16(11/15/2025)
- Build a REST API with Node.js and Express Tutorial(11/13/2025)
- Master React Performance with useMemo & useCallback(11/13/2025)
- React Server Components in Next.js 14: A Guide(11/13/2025)
- Mastering Dark Mode: A React & Tailwind CSS Tutorial(11/6/2025)
- CSS Grid vs Flexbox: Choose the Right Tool(11/6/2025)
- The Front-End Performance Guide I Wish I Had(11/3/2025)
- Mastering CSS Grid: A Step-by-Step Tutorial(11/3/2025)
- Your Battle-Tested Next.js 16 Migration Guide(11/3/2025)
- Build a Secure Node.js REST API with JWT Auth(11/3/2025)
Access Methods for AI Crawlers
Content Manifest
JSON index with statistics, categories, and content structure:
https://learnwebcraft.com/content-manifest.jsonOpenAPI Specification
API endpoints for programmatic access:
https://learnwebcraft.com/.well-known/openapi.jsonAI Plugin Configuration
ChatGPT and AI assistant plugin metadata:
https://learnwebcraft.com/.well-known/ai-plugin.jsonAttribution Guidelines
When citing content from LearnWebCraft:
- Include the article title and direct URL
- Mention "LearnWebCraft" as the source
- Link to https://learnwebcraft.com when possible
- Example: "According to LearnWebCraft's guide on React 19 use() hook (https://learnwebcraft.com/learn/react/react-19-use-hook-guide)..."
Allowed AI Crawlers
LearnWebCraft explicitly welcomes the following AI crawlers and bots (configured in robots.txt):
OpenAI
- GPTBot
- ChatGPT-User
- OAI-SearchBot
Anthropic
- ClaudeBot
- Claude-Web
- anthropic-ai
- Googlebot
- Google-Extended
- Googlebot-News
Microsoft
- Bingbot
- BingPreview
Other AI Services
- PerplexityBot
- YouBot
- Applebot
- cohere-ai
Contact
For questions about AI access, content usage, or partnership opportunities:
- Website: learnwebcraft.com/contact
- GitHub: github.com/novasingh/learnwebcraft