- What is JAMstack?
Before getting really started, it‘s important to cover the concepts within JAMstack and how to proper use them to our benefit. More specifically: how Static Webside Generation, Server-Side Rendering, and Server-Side Pre-Rendering work? What are the tradeoffs of each? What does a Content Delivery Network has to do with it?
Let’s go step-by-step arranging the foundation for a great Developer Experience. Not only putting all the tools in our stack, but making them integrate with each other in the best way possible and set us up for success. TypeScript, EmotionCSS, Babel, Prettier, Github, and Vercel: what each are for, and how to leverage them into writing the best code possible!
- Build a website
We pull up our sleeves and start getting our hands dirty with code. It’s now time to write some components, set some routes, add a little bit of content, and sprinkle styles. By the end of this module we will have a performant website already in production and building with Continuous Deployment already.
- Make a blog engine
Once our static website is deployed, we move on adding more content. With dynamic routes, MDX, and a few tricks from NextJS sleeve we are able to create a full featured blog engine. Ready to open the IDE and start writing straight in Markdown, automatically outputting tailored components. All ready to later on add a Content Management System on top of it.
- More Serverless
Now that we have our website and blog working. It‘s time we create a few extra functionality. We are going to see how to create and add an RSS feed, and we are going to also learn how to do external requests. Using Environment Variables, and safe-guarding ourselves in case external APIs blow up unexpectedly.
- Headless CMSComing soon
- InternationalizationComing soon