Skip to main content

How to Build Content-Rich eCommerce Sites with Next.js and the Jamstack

Nick DeJesus

Your instructor
Nick DeJesus

Workshop includes:

  • Working examples to take away
  • Interactive sessions
  • Workshop recordings
  • Dedicated Q&A time
  • Smashing Certificate

Workshop, 2×2h + Q&A • Thu & Fri, September 16–17
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)

The Jamstack can be an excellent way to power eCommerce sites. In this free workshop from our friends at Netlify, Nick de Jesus will walk you through how to create fast, reliable, and content-rich Jamstack sites using Next.js, Netlify, Stripe, and Prismic.

You’ll be empowered to create branded, rich user experiences for your visitors, all with strong SEO, high availability, and excellent performance. Nick will show you how to create content-rich pages with Next.js and Prismic, and leverage Netlify for frictionless development workflows and easy hosting and deployment.

As all Smashing Workshops, it will be interactive, practical and fun. If you are looking for a better way to set up an eCommerce platform, this is the workshop for you.

In this workshop, you’ll learn how to:

  • Set up a reliable development environment on Netlify with third-party APIs and Netlify functions.
  • Setup the Prismic CMS and configure it to your preference.
  • Compose new pages, create campaigns and preview the result with Next.js and Prismic.
  • Best practices for Prismic API queries, so you can retrieve all desired content.
  • How to add state and logic in your shopping cart with add use-shopping cart.
  • Set up a secure cart and purchasing workflow with Stripe.
  • Dividing traffic and running A/B tests with Netlify split testing.
  • How to engage your users by adding Netlify forms.

Who is this workshop for?

If you already have experience with eCommerce or want to learn more about building fast and secure shopping experiences, this workshop is for you.

To follow along, you should have a basic understanding of React or JavaScript.

What hardware/software do you need?

A laptop with an up-to-date copy of Chrome and your favorite text editor. Make sure you have Netlify CLI running and an account at Prismic.

About Nick DeJesus

Nick is a Software Engineer at Prismic on the Developer Experience team, focused on NextJS. As the open source maintainer of use-shopping-cart, a Stripe powered shopping cart library, he's always thinking of ways to solve problems in the eCommerce space.

His favorite technologies to work with are anything on the Jamstack, as well as React Native. He has a passion for teaching and developer tooling. Outside of work, he is a competitive gamer, participating in Tekken tournaments around the world.

Time & Schedule

This workshop is split over two days. Our virtual doors open at 8:45, we start at 9 AM PDT. Please mark your calendars:

  • Thu, September 16, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Fri, September 17, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)

Day 1: Setting up the environment with Netlify and Prismic

8:45 AM PDT
Virtual doors open, registration, chat, and introductions.

9:00 AM – 11:00 AM
We will be setting up our environment with Netlify, dive deeper into third-party APIs and Netlify functions. We will learn all about Prismic CMS, how to set up pages and retrieve products from the API.

11:00 AM – 11:30 AM
Q&A with Nick on the day’s material. Networking!

Day 2: Shopping cart and checkout

8:45 AM PDT
Virtual doors open, registration, chat, and introductions.

9:00 AM – 11:00 AM
On the second day, we will be looking into our shopping cart, from adding state and logic in your shopping cart to setting up a secure cart and purchasing workflow with Stripe. Lastly, we will learn how to engage your users by adding registration forms and running campaigns.

11:00 AM – 11:30 AM
Q&A with Nick on the day’s material. Networking!