Book Image

Jumpstart Jamstack Development

By : Christopher Pecoraro, Vincenzo Gambino
Book Image

Jumpstart Jamstack Development

By: Christopher Pecoraro, Vincenzo Gambino

Overview of this book

Jamstack (JavaScript, API, and Markup) enables web developers to create and publish modern and maintainable websites and web apps focused on speed, security, and accessibility by using tools such as Gatsby, Sanity, and Netlify. Developers working with Jamstack will be able to put their knowledge to good use with this practical guide to static site generation and content management. This Jamstack book takes a hands-on approach to implementation and related methodologies that will have you up and running with modern web development in no time. Complete with step-by-step explanations of essential concepts, practical examples, and self-assessment questions, you'll begin by building an event and venue schema structure, and then expand the functionality, exploring all that the Jamstack has to offer. You’ll learn how an example Jamstack is built, build structured content using Sanity to create a schema, use GraphQL to expose the content, and employ Gatsby to build an event website using page and template components and Tailwind CSS Framework. Lastly, you’ll deploy the website to both, a Netlify server and the Microsoft Static Web Apps Service, and interact with it using Amazon Alexa. By the end of this book, you'll have gained the knowledge and skills you need to install, configure, build, extend, and deploy a simple events website using Jamstack.
Table of Contents (17 chapters)

Removing and adding articles

Now we will remove these articles and begin to create our own content. This will allow us to create our own website.

Removing example articles

Follow these steps to remove the example articles:

  1. Click on Blog posts in the main Content menu. Click on the first article.
  2. At the bottom of the interface, there is a context menu on the right side of the floating bar, next to the Publish button. Click the down arrow icon and a menu will appear as shown. Delete will be one of the options; click it:

    Figure 3.10 – Publish menu

  3. A confirmation dialog menu will appear, so click the Delete now button:

    Figure 3.11 – Delete confirmation modal

  4. Repeat steps 1–3 for each of the articles.

Now that we have removed all of the articles, we will add our first news article.

Creating a new article

Follow the steps to create a new article:

  1. From the main Content menu, click the Blog posts menu item.
  2. Click on the...