Description
Gatsby is a powerful React static site generator that enables you to create lightning-fast web experiences. With the latest version of Gatsby, you can combine your static content with server-side rendered and deferred static content to create a fully rounded application. Elevating React Web Development with Gatsby provides a comprehensive introduction for anyone new to GatsbyJS and will help you get up to speed in no time.Complete with hands-on tutorials and projects, this easy-to-follow guide starts by teaching you the core concepts of GatsbyJS. Youll then discover how to build performant, accessible, and scalable websites with the GatsbyJS framework. Once youve worked through the practical projects in the book, youll be able to build anything from a personal website to large-scale applications with authentication and make your site rise through those SEO rankings.By the end of this Gatsby development book, youll be well-versed in every aspect of the tools performance and accessibility and have learned how to build client websites that your users will love. Spis treści:Elevating React Web Development with GatsbyContributorsAbout the authorAbout the reviewerPrefaceWho this book is forWhat this book coversTo get the most out of this bookDownload the example code filesDownload the color imagesConventions usedGet in touchPart 1: Getting StartedChapter 1: An Overview of Gatsby.js for the UninitiatedTechnical requirementsA brief history of the static webWhat is Gatsby?CommunitySourcing content from anywhereBuilding tooling you already knowSupercharging web performanceGatsby use casesDocumentation sitesOnline coursesSaaS productsDesign agencies and photo-heavy sitesGatsbys competitorsSetting up a projectNode.js version 14.15.0+Gatsby command-line interfaceDirectory and package setupFramework files and foldersCreating your first few pagesSummaryChapter 2: Styling Choices and Creating Reusable LayoutsTechnical requirementsStyling in GatsbyVanilla CSSSassTailwind (utility-first CSS framework)CSS in JSPicking a styling toolStyling with CSSCreating a wrapper componentUsing gatsby-browser.jsVerifying our implementationStyling with SassStyling with Tailwind.cssStyling with styled-componentsCreating a reusable layoutSite headerSite footerLayout componentOrganization with atomic designSummaryChapter 3: Sourcing and Querying Data (from Anywhere!)Technical requirementsData in GatsbyIntroducing GraphQLGraphQL for GatsbyUsing GraphiQLUsing constructed GraphQL queriesSourcing data from local filesSite metadataMarkdownMDXSourcing data from a Headless CMSGraphCMSPrismicSummaryChapter 4: Creating Reusable TemplatesTechnical requirementsCreating templates and programmatic page generationBlog post templateBlog preview templateTag page templateSearch functionalitySummaryChapter 5: Working with ImagesTechnical requirementsImages on the webImages in GatsbyThe StaticImage componentThe GatsbyImage componentOverriding the gatsby-plugin-image defaultsSourcing images from CMSSourcing images from GraphCMSSourcing images from PrismicSummaryPart 2: Going LiveChapter 6: Improving Your Sites Search Engine OptimizationTechnical requirementsIntroducing SEOOn-page search engine optimizationCreating an SEO componentExploring meta previewsOpen Graph metadataTwitter metadataMerging tagsValidating tagsLearning about XML sitemapsHiding your site from search enginesSummaryChapter 7: Testing and Auditing Your SiteTechnical requirementsExploring unit testingTesting simple componentsTesting the SEO componentTesting Gatsby page componentsAdding Git hooks for testsAuditing core web vitalsUsing Chromes lighthouse toolUsing the web-vitals JavaScript packageSummaryChapter 8: Web Analytics and Performance MonitoringTechnical requirementsIntroducing website analyticsPrivacyImplementing page analyticsAdding Google AnalyticsUsing Fathom AnalyticsMonitoring the performance of your siteUsing Sentry.io analyticsSummaryChapter 9: Deployment and HostingTechnical requirementsUnderstanding build typesCommon build errorsYour pre-deployment checklistPlatforms for deploying hybrid buildsDeploying to Gatsby Cloud HostingPlatforms for deploying static buildsDeploying to NetlifyDeploying to RenderDeploying to FirebaseServing a Gatsby site with reduced user accessSummaryPart 3: Advanced ConceptsChapter 10: Creating Gatsby PluginsTechnical requirementsUnderstanding Gatsby pluginsIntroducing local plugin developmentDebugging local pluginsCreating source pluginsCreating theme pluginsContributing to the plugin ecosystemPre-publish checklistPublishing a pluginSummaryChapter 11: Creating Authenticated ExperiencesTechnical requirementsRouting and authentication in React applicationsPrivate routesAuthentication using client-only routes within GatsbySite-wide authentication using context within GatsbySummaryChapter 12: Using Real-Time DataTechnical requirementsIntroduction to web socketsSocket.io in actionLive site visitor countGaining further insights with roomsSummaryChapter 13: Internationalization and LocalizationTechnical requirementsUnderstanding localization and internationalizationImplementing routes for internationalizationPage translations for programmatic pagesProviding locale translations for single-instance pagesSummaryWhy subscribe?Other Books You May EnjoyPackt is searching for authors like you
uczulenie na kota wysypka, orinoko junior, witamina b12 apteo, ziaja lano maść, tabletki dopochwowe na infekcje
yyyyy
