Crash Course into the Jamstack with Next.js & Storyblok

React Day Berlin

React Day Berlin 2022

Chakit Arora

Building Scalable Multi-Tenant Applications With Next.js

React Summit US

React Summit US 2024

In today’s digital landscape, multi-tenancy has become a critical architecture for SaaS platforms, marketplaces, and enterprise solutions. Next.js has continuously evolved, making it an increasingly popular choice for building full-stack applications. With each iteration, it has become even easier to develop scalable multi-tenant applications. Let’s talk about why multi-tenancy is vital, and how Next.js features such as dynamic routing, enhanced middleware, and edge functions simplify the process of building and scaling multi-tenant applications. We will talk about best practices, discuss real-world scenarios, and see a few examples in action. Join to see how you can leverage Next.js to create secure, performant, and scalable multi-tenant applications.

You might have read already about Jamstack. You probably already used Next.js, and recently you may be hearing a lot about the headless CMSs. This quick course will put all the pieces together and show you why Storyblok, combined with Next.js, is the best combo for your next project. Stop by and try it yourself! - In-depth Jamstack knowledge. How it changed from old times to the modern world. Learn how Jamstack was created by comparing Static Sites and Dynamic Sites.- How Next.js serves content, and how content is served with Static Site Generation (SSG).- Atomic design methodology, and how this is applied to the content management system.- Hands-on project experience by building a Jamstack project with Next.js and Storyblok. Prerequisites- <a href="https://code.visualstudio.com/">Any Text . Visual Studio Code recommended</a>- <a href="https://nodejs.org/en/download/">Node.js LTS</a>- <a href="https://yarnpkg.com/">NPM or Yarn</a>- <a href="https://github.com/">GitHub account</a>- <a href="https://vercel.com/">Vercel account</a>- Familiarity with JavaScript, React, and Git. Having worked with Next.js before is a plus What's included1. Introduction and overview of the workshop2. Introduction to Jamstack3. Introduction to Atomic Design4. Overview of Headless CMS5. Introduction to Storyblok6. Next.js app creation7. Storyblok space creation8. Next.js and Storyblok connection9. Custom components creation10.First-page creation11. Introduction to Visual 12. Dynamic pages addition13. Blog section creation14. Deployment on Vercel