Headless architecture has gained immense popularity in recent years for its ability to decouple the frontend and backend, empowering developers to create engaging, interactive, and scalable web applications. 
In this workshop, we will quickly take a dive into the Headless World and Architecture. 
Additionally, we will build a blog website super quickly using Storyblok, a headless CMS that offers a real-time preview feature with nestable component approach, and Astro (3.0) which is already creating a buzz with the new app directory. 
- Master headless CMS fundamentals
- Master an Astro
&
headless CMS approach
- Use Atomic design in your Astro
&
Storyblok application
- Creating pages, adding content and understanding how the dynamic routing works with headless

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
-
Any Text . Visual Studio Code recommended
-
Node.js LTS
-
NPM or Yarn
-
GitHub account
-
Vercel account
- Familiarity with JavaScript, React, and Git. Having worked with Next.js before is a plus
What's included
1. Introduction and overview of the workshop
2. Introduction to Jamstack
3. Introduction to Atomic Design
4. Overview of Headless CMS
5. Introduction to Storyblok
6. Next.js app creation
7. Storyblok space creation
8. Next.js and Storyblok connection
9. Custom components creation
10.First-page creation
11. Introduction to Visual
12. Dynamic pages addition
13. Blog section creation
14. Deployment on Vercel

You may read already about Remix. You probably already used it, and recently you may hear a lot about the headless CMSs. In this quick course, we will put all the pieces together, and I will show you why Storyblok in combination with Remix is the best combo for your next project. Stop by and try it yourself!
Table of content: 
- Introduction to Remix, atomic design
&
the headless world
- Environment setup
- Creating pages and understanding how the dynamic routing splat routes works
- Future tips and Q
&
A
Prerequisite(s): Node.js installed, GitHub account.