Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Jumpstart Jamstack Development

You're reading from Jumpstart Jamstack Development Build and deploy modern websites and web apps using Gatsby, Netlify, and Sanity

Product type Paperback

Published in May 2021

Publisher Packt

ISBN-13 9781800203495

Length 252 pages

Edition 1st Edition

Languages

JavaScript

Tools

JAMStack

Concepts

Full Stack Web Development

Authors (2):

Christopher Pecoraro

Vincenzo Gambino

View More author details

Table of Contents (17) Chapters

Preface

1. Chapter 1: History of the Jamstack

2. Chapter 2: Introduction to Sanity FREE CHAPTER

3. Chapter 3: Exploring Sanity Studio

4. Chapter 4: Sanity Configuration and Schemas

5. Chapter 5: Sanity's GROQ Language

6. Chapter 6: Sanity's GraphQL Playground

7. Chapter 7: Gatsby – An Introduction

8. Chapter 8: Gatsby and GraphQL

9. Chapter 9: Gatsby Source Plugins

10. Chapter 10: Building Gatsby Components

11. Chapter 11: APIs – Extending Gatsby

12. Chapter 12: APIs – Alexa Skills

13. Chapter 13: Tying It All Together

14. Chapter 14: Deployment Using Netlify and Azure

15. Chapter 15: Conclusion

16. Other Books You May Enjoy

Netlify deployment via the command line

Netlify's command-line tool also provides a nice way to preview the site without deploying it once the netlify build command is run.

In the Terminal, type the following command:

netlify deploy

The output will be similar to the following:

Deploy path:        /home/chris/jumpstart-jamstack/web/public
Configuration path: /home/chris/jumpstart-jamstack /netlify.toml
Deploying to draft URL...
Finished hashing 49 files
CDN requesting 0 files
Finished uploading 0 assets
Draft deploy is live!
Logs:              https://app.netlify.com/sites/jumpstart-jamstack-web/deploys/5f3cad51bdd06713f5250887
Website Draft URL: https://5f3cad51bdd06713f5250887--jumpstart-jamstack-web.netlify.app
If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag.
netlify deploy --prod

As the command's output...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (2)

Christopher Pecoraro

Christopher Pecoraro

Christopher Pecoraro has been a senior software developer, speaker, and open source enthusiast since 1999 with experience in software development with a focus on web applications, apps, and content management systems.

See other products by Christopher Pecoraro

Vincenzo Gambino

Vincenzo Gambino

Vincenzo Gambino has been a software developer since 2007. He started in Palermo, Italy, and is now based in London, UK. He has developed software and web applications for government departments and many educational entities, including one of the major universities in the United Kingdom. He is focused on web applications, virtual assistant apps, and content management systems.

See other products by Vincenzo Gambino

Other recommended products

Related to this chapter

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

Alexa Skills Projects

Alexa Skills Projects

Amazon Echo is a smart speaker developed by Amazon, which connects to Amazon's Alexa Voice Service and is entirely controlled by voice commands. Amazon Echo is currently being used for a variety of purposes such as home automation, asking generic queries, and even ordering a cab or pizza.

Jun 2018 8h 20m

VuePress Quick Start Guide

VuePress Quick Start Guide

What are static site generators, why do you need them, how are they better than general blogging or writing or content tools? This book answers of all those questions as you learn to build sites with VuePress. This book teaches you how to build static sites in VuePress in no time. All the site content is rendered as HTML by VuePress and then executed as a single page web app. This means everything works fast and loads in no time.

Svelte 3 Up and Running

Svelte 3 Up and Running

Svelte is a modern framework for building static web apps running in the browser that can be used to create fast, lean apps, and which is fun for developers to use. This thorough and quick start guide will explore the components of Svelte and have you up and running with building a complete production-ready, static web app in no time.

Aug 2020 5h 36m

Svelte 3 Up and Running

Svelte 3 Up and Running

Svelte is a modern framework for building static web apps running in the browser that can be used to create fast, lean apps, and which is fun for developers to use. This thorough and quick start guide will explore the components of Svelte and have you up and running with building a complete production-ready, static web app in no time.

Aug 2020 5h 36m

Svelte 3 Up and Running

Svelte 3 Up and Running

Svelte is a modern framework for building static web apps running in the browser that can be used to create fast, lean apps, and which is fun for developers to use. This thorough and quick start guide will explore the components of Svelte and have you up and running with building a complete production-ready, static web app in no time.

Aug 2020 5h 36m

Svelte 3 Up and Running

Svelte 3 Up and Running

Svelte is a modern framework for building static web apps running in the browser that can be used to create fast, lean apps, and which is fun for developers to use. This thorough and quick start guide will explore the components of Svelte and have you up and running with building a complete production-ready, static web app in no time.

Aug 2020 5h 36m

Svelte 3 Up and Running

Svelte 3 Up and Running

Svelte is a modern framework for building static web apps running in the browser that can be used to create fast, lean apps, and which is fun for developers to use. This thorough and quick start guide will explore the components of Svelte and have you up and running with building a complete production-ready, static web app in no time.

Aug 2020 5h 36m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m