Overview

This article discusses the process of creating a website using a headless CMS with Svelte and Sapper. The author highlights the limitations of using WordPress templates with jQuery animations and suggests that creating a client-side app with React can introduce its own set of problems. The solution presented in the article is to use Svelte and Sapper, a universal JavaScript framework with server-side rendering and low runtime overhead. The author also mentions that the goal of the article is to build a website for a fictional café using Svelte, Sapper, and Prismic as the headless CMS, with the ability to deploy the website to ZEIT.

Features

Headless CMS: Utilizes a headless CMS, specifically Prismic, to manage the website's content.
Svelte: Uses the Svelte framework to build the client-side app, providing an efficient and lightweight way to create interactive UI components.
Sapper: Incorporates Sapper, a universal JavaScript framework, to enable server-side rendering and optimize runtime performance.
Deployment to ZEIT: Offers the option to deploy the created website to the ZEIT platform, allowing for easy and efficient hosting and deployment.

Summary

This article introduces the concept of building websites using a headless CMS with Svelte and Sapper. The author argues that traditional WordPress templates with jQuery animations are outdated and suggests using Svelte and Sapper as a more modern and efficient alternative. The article provides a step-by-step guide on how to install the Svelte and Sapper template, highlighting the necessary prerequisites and the process of deploying the website to ZEIT. Overall, the article presents a compelling case for using Svelte, Sapper, and a headless CMS for website development.

Emplifi

Reactiveconf Sapper Workshop