Netlify Compose 2023 Workshop

Note

This repo focuses on the S3 connector, to see the core application head to the netlify/compose-workshop-2023

Welcome to Compose! In this workshop, you will learn how to create your first composable website with Netlify.

What are we going to build?

In two and a half hours, we are going to build a Halloween-themed e-commerce bookstore. The frontend stack will be composed of React, TypeScript, Vite, and Tailwind, and served from Netlify's global high-performance edge network. It will fetch data sources from Contentstack and Storyblok using Netlify Connect. We will build a custom data connector using the Netlify SDK that reads data from an Amazon S3 bucket. Finally, the site will reach out to third-party services including Stripe and OpenAI using Netlify Functions. The future is composable!

An example of the finished product is available here: https://compose-workshop-2023.netlify.app

What are we going to learn?

In this workshop, you will learn how to:

  • Create your first site on Netlify
  • Trigger builds with Git and embrace a CI/CD workflow
  • Create Deploy Previews and collaborate using the Netlify Drawer
  • Manage environment variables securely in the Netlify CLI and Netlify UI
  • Stream API responses from OpenAI using Netlify Functions
  • Personalize user experiences with Netlify Edge Functions
  • Persist cache from API responses using fine-grain cache control
  • Fetch content from Contentstack and Storyblok using Netlify Connect
  • Build a custom connector using the Netlify SDK to pull data from Amazon S3