book

Jumpstart Jamstack Development

by Christopher Pecoraro, Vincenzo Gambino

May 2021

Beginner to intermediate

252 pages

4h 13m

English

Packt Publishing

Read now

Unlock full access

ForewordContributorsAbout the authorsAbout the reviewers
Who this book is forWhat this book coversTo get the most out of this bookDownload the example code filesDownload the color imagesConventions usedGet in touchReviews
The evolution of the JamstackHTMLServer-side includesThe Common Gateway InterfaceFormsWeb page preprocessorsContent Management SystemsWordPressAjaxJavaScript frameworksThe rise of the cloudHigh-speed accessThe rise of the JamstackThe Jamstack acronym explainedJamstack advantagesOur JamstackGatsbyJSSanity.ioNetlifyGetting started with the JamstackInstallationPrerequisitesSummary
Technical requirementsAccount setupIntroduction to Sanity.ioWhat is GROQ?Creating a projectIntroducing Sanity ManageSanity.io project pagesSanity Studio overviewNavigationSummary
Technical requirementsModifying the example authorModifying the existing authorCreating an additional authorRemoving and adding articlesRemoving example articlesCreating a new articleModifying the website settings and redeploying the websiteSetting the website nameRedeployment through NetlifySummary
Technical requirementsModeling content with schemasCloning the projectExploring the project's foldersSchema relationshipsA one-to-one relationshipA one-to-many relationshipExtending, modifying, and deploying the schemaThe event schemaThe venue schemaThe schema fileDeploying the schemaSummary
Technical requirementsWhy GROQ?Installing VisionGROQ versus SQLBasic queries with GROQSelecting all eventsSelecting all upcoming eventsSelecting all past eventsSelecting upcoming virtual conference and non-virtual conferencesSelecting specific event fieldsSelecting specific fields from relationshipsAdvanced GROQGetting events by venuesFormatting the responseCount resultSummary
Technical requirementsAn introduction to GraphQLDeploying the GraphQL APIBasic GraphQL syntaxGROQ versus GraphQLGraphQL playground basicsQuery parametersSummary
Technical requirementsGatsby, built on ReactGatsby basic project structuregatsby-config.jsdotenvKey Gatsby filesGatsby foldersThe gatsby develop commandSummary
Technical requirementsGraphQL in GatsbyJSGraphiQL, a GraphQL navigatorSummary

Technical RequirementsUnderstanding pluginsNode Package ManagerSemantic versioningInstalling a package from npmSearching, installing, and configuring pluginsThe Gatsby Plugin LibrarySearching for a pluginInstalling and configuring the gatsby-source-filesystem pluginInstalling and configuring the gatsby-transformer-remark pluginInstalling and configuring the gatsby-source-drupal pluginSummaryFurther reading
Technical requirementsReact componentsTag conventionUnderstanding the types of componentsGatsby page componentsGatsby template componentsGatsby partial componentsSummary
Technical requirementsIntroduction to APIsGatsby – APIsCreating a Netlify formConfiguring a token form in SanityConfiguring a Netlify functionSummary
Technical requirementsAlexa skill life cycleSkill interfaceSkill serviceCreating the skillConfiguring the skill through the skill interfaceBuildCodeTestSummary
Technical requirementsGatsby.js layout modificationsIntroducing Tailwind CSSInstalling the Tailwind CSS frameworkUsing the Tailwind CSS frameworkImproving and formatting the event listPreparing for deploymentCleaning up the codeToggling the venue visibilitySummary
Technical requirementsIntroduction to NetlifyNetlify pluginsHTML MinifyAdvanced configuration through the netlify.toml fileNetlify deployment via the command lineAzure Static Web Apps deploymentStatic web app creationStatic web app continuous deploymentSummary
Summary of conceptsThe Jamstack's futureJamstack, JAMstack, and JAM StackThe Jamstack community resourcesContributing to Jamstack projectsContributing to SanityContributing to GatsbyContributing to NetlifyFinal thoughts
Other Books You May EnjoyPackt is searching for authors like youLeave a review - let other readers know what you think

Content preview from Jumpstart Jamstack Development

Chapter 6: Sanity's GraphQL Playground

This chapter introduces GraphQL, a powerful query language. Sanity's GraphQL API enables external programs to interact with its structured content while following the standard that it provides. This allows developers to leverage the rich GraphQL ecosystem of tools and practices that are available in the development community. Both GraphQL and GROQ, which is Sanity's proprietary query language, are open source and can be used to interact with Sanity. However, while GROQ is specific to Sanity, GraphQL is universally used by many applications.

In this chapter, we will explain what GraphQL is, examine some of the basic queries and their format, introduce Sanity's GraphQL Playground, and learn how to use it ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Publisher Resources

ISBN: 9781800203495Supplemental Content

Jumpstart Jamstack Development

by Christopher Pecoraro, Vincenzo Gambino

Chapter 6: Sanity's GraphQL Playground

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

Versionsverwaltung mit Git

Using Gatsby and Netlify CMS: Build Blazing Fast JAMstack Apps Using Gatsby and Netlify CMS

Basiswissen Medizinische Software, 3rd Edition

Organizaciones ágiles: Responde a las necesidades de tus clientes con equipos implicados y autogestionados

Publisher Resources

Chapter 6: Sanity's GraphQL Playground

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

Versionsverwaltung mit Git

Using Gatsby and Netlify CMS: Build Blazing Fast JAMstack Apps Using Gatsby and Netlify CMS

Basiswissen Medizinische Software, 3rd Edition

Organizaciones ágiles: Responde a las necesidades de tus clientes con equipos implicados y autogestionados

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.