Скачать или смотреть Building Blazing-fast websites with Next.js and Sanity.io | React Summit 2023

Building Blazing-fast websites with Next.js and Sanity.io

Speakers:
Nataliya Ioffe, Software Developer at Rangle.io
Nancy Du, Associate Director, Digital Strategy at Rangle.io

Join us for a hands-on workshop where we'll show you how to level up your React skills to build a high-performance headless website using Next.js, Sanity, and the JAMstack architecture. No prior knowledge of Next.js or Sanity is required, making this workshop ideal for anyone familiar with React who wants to learn more about building dynamic, responsive websites.

In this workshop, we'll explore how Next.js, a React-based framework, can be used to build a static website with server-side rendering and dynamic routing. You'll learn how to use Sanity as a headless CMS to manage your website’s content, create custom page templates with Next.js, use APIs to integrate with the CMS, and deploy your website to production with Vercel.

By the end of this workshop, you will have a solid understanding of how Next.js and Sanity.io can be used together to create a high-performance, scalable, and flexible website.
---
00:00 Intro
03:32 What are we building?
04:48 What is headless architecture?
09:57 Platforms & tools
12:55 Let's Get Started (starter repo: https://github.com/rangle/headless-wo...)
16:05 Setting up Sanity.io
19:58 What is a Content Model?
23:06 Defining a Schema
28:13 Defining a Field
31:45 Schema demo
39:47 Querying data with GROQ
44:03 Setting up Next.js
47:06 Routing in Next.js
51:08 Querying data from Sanity
52:17 Fetching page content
54:13 Page builder & build Component function
01:03:08 Deploying to production

---
Want to learn more? Reach out to our team at [email protected]
Or visit our website: https://rangle.io/

Follow us on:
Linkedin:   / rangle  
Twitter:   / rangleio  
Instagram:   / rangleio