{"book":{"title":"AI-Native Frontend Development","subtitle":"From Zero to Expert with Next.js, TypeScript & Tailwind CSS","author":"Muhammad Usman Akbar","basePath":"/frontend-book","publishedAt":"2026-07-31"},"chapters":[{"position":1,"slug":"start-here-learn-the-system-and-ship-your-first-page","title":"Start Here: Learn the System and Ship Your First Page","section":"Start Here","description":"A deep, practical guide to start here with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/start-here-learn-the-system-and-ship-your-first-page","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/start-here-learn-the-system-and-ship-your-first-page","updatedAt":"2026-07-31"},{"position":2,"slug":"web-foundations-html-css-javascript-the-browser-and-git","title":"Web Foundations: HTML, CSS, JavaScript, the Browser, and Git","section":"Web Foundations","description":"A deep, practical guide to web foundations with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/web-foundations-html-css-javascript-the-browser-and-git","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/web-foundations-html-css-javascript-the-browser-and-git","updatedAt":"2026-07-31"},{"position":3,"slug":"typescript-foundations-model-values-functions-and-valid-states","title":"TypeScript Foundations: Model Values, Functions, and Valid States","section":"TypeScript Foundations","description":"A deep, practical guide to typescript foundations with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/typescript-foundations-model-values-functions-and-valid-states","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/typescript-foundations-model-values-functions-and-valid-states","updatedAt":"2026-07-31"},{"position":4,"slug":"react-engineering-components-state-effects-and-rendering","title":"React Engineering: Components, State, Effects, and Rendering","section":"React Engineering","description":"A deep, practical guide to react engineering with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/react-engineering-components-state-effects-and-rendering","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/react-engineering-components-state-effects-and-rendering","updatedAt":"2026-07-31"},{"position":5,"slug":"next-js-app-router-routes-server-components-data-and-production-metadata","title":"Next.js App Router: Routes, Server Components, Data, and Production Metadata","section":"Next.js App Router","description":"A deep, practical guide to next.js app router with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/next-js-app-router-routes-server-components-data-and-production-metadata","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/next-js-app-router-routes-server-components-data-and-production-metadata","updatedAt":"2026-07-31"},{"position":6,"slug":"tailwind-css-4-and-design-systems-tokens-variants-themes-and-accessible-ui","title":"Tailwind CSS 4 and Design Systems: Tokens, Variants, Themes, and Accessible UI","section":"Tailwind CSS and Design Systems","description":"A deep, practical guide to tailwind css and design systems with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/tailwind-css-4-and-design-systems-tokens-variants-themes-and-accessible-ui","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/tailwind-css-4-and-design-systems-tokens-variants-themes-and-accessible-ui","updatedAt":"2026-07-31"},{"position":7,"slug":"the-ai-native-frontend-workflow-specify-build-debug-review-and-coordinate","title":"The AI-Native Frontend Workflow: Specify, Build, Debug, Review, and Coordinate","section":"The AI-Native Frontend Workflow","description":"A deep, practical guide to the ai-native frontend workflow with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/the-ai-native-frontend-workflow-specify-build-debug-review-and-coordinate","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/the-ai-native-frontend-workflow-specify-build-debug-review-and-coordinate","updatedAt":"2026-07-31"},{"position":8,"slug":"production-product-patterns-forms-state-auth-data-uploads-and-ai-interfaces","title":"Production Product Patterns: Forms, State, Auth, Data, Uploads, and AI Interfaces","section":"Production Product Patterns","description":"A deep, practical guide to production product patterns with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/production-product-patterns-forms-state-auth-data-uploads-and-ai-interfaces","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/production-product-patterns-forms-state-auth-data-uploads-and-ai-interfaces","updatedAt":"2026-07-31"},{"position":9,"slug":"quality-security-and-shipping-test-audit-measure-observe-deploy-and-evolve","title":"Quality, Security, and Shipping: Test, Audit, Measure, Observe, Deploy, and Evolve","section":"Quality, Security, and Shipping","description":"A deep, practical guide to quality, security, and shipping with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/quality-security-and-shipping-test-audit-measure-observe-deploy-and-evolve","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/quality-security-and-shipping-test-audit-measure-observe-deploy-and-evolve","updatedAt":"2026-07-31"},{"position":10,"slug":"portfolio-capstones-three-production-grade-frontend-projects","title":"Portfolio Capstones: Three Production-Grade Frontend Projects","section":"Portfolio Capstones","description":"A deep, practical guide to portfolio capstones with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/portfolio-capstones-three-production-grade-frontend-projects","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/portfolio-capstones-three-production-grade-frontend-projects","updatedAt":"2026-07-31"},{"position":11,"slug":"field-reference-mental-models-prompt-library-and-expert-practice-roadmap","title":"Field Reference: Mental Models, Prompt Library, and Expert Practice Roadmap","section":"Field Reference","description":"A deep, practical guide to field reference with complete examples, AI pairing, failure analysis, and independent verification.","url":"https://muhammadusmanakbar.com/frontend-book/field-reference-mental-models-prompt-library-and-expert-practice-roadmap","contentApi":"https://muhammadusmanakbar.com/api/frontend-book-content/field-reference-mental-models-prompt-library-and-expert-practice-roadmap","updatedAt":"2026-07-31"}]}