Using TakeShape with Sapper

In this article, we will discuss how to use TakeShape with Sapper, an application framework powered by Svelte.

In this article, we will discuss how to use TakeShape with Sapper, an application framework powered by Svelte.

If you want to jump right into the code, check out the GitHub Repo here.

And here's a link to the deployed version: https://sapper-takeshape-example.vercel.app/

Prerequisites

• Knowledge of HTML, CSS, JavaScript
• Basics of Svelte and GraphQL
• Node/NPM installed on your local dev machine
• Any code editor of your choice

What is Svelte?

Svelte is a tool for building fast web applications, similar to JavaScript frameworks like React and Vue, svelte aims to make building slick interactive user interfaces easy. But there's a crucial difference.

sapper

In this Sapper tutorial series we'll work with Sapper & Svelte to create an interactive website. To begin with I'll explain what Sapper is and how it works.

In this Sapper tutorial we'll talk a little bit about how to set up routes & views.

You've built an amazing app using Sapper and Svelte, but now what? One possible approach is self-hosting your own Sapper application using DigitalOcean.

Sapper Tutorial #6 - Preloading Data. Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

In this Sapper tutorial we'll set up a new Sapper project and I'll walk you through some of the basics.