Sapper VS Svelte

Compare Sapper vs Svelte and see what are their differences.

Sapper

The next small thing in web development, powered by Svelte (by sveltejs)

Svelte

Cybernetically enhanced web apps (by sveltejs)
Our great sponsors
  • Syncfusion - Build stunning web applications quickly using Syncfusion JavaScript UI controls.
  • Scout APM - A developer's best friend. Try free for 14-days
  • Nanos - Run Linux Software Faster and Safer than Linux with Unikernels
Sapper Svelte
26 177
7,157 51,083
0.2% 2.2%
7.1 9.7
17 days ago 2 days ago
TypeScript TypeScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

Sapper

Posts with mentions or reviews of Sapper. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-10-07.
  • How I Redesigned My Website With SvelteKit
    dev.to | 2021-10-07
    So after using Sapper for some time, I decided to move my website to SvelteKit. I remember saying that I would not move to SvelteKit till they hit version 1 but the framework looks too promising. It had features which I needed and those features weren't in Sapper.
  • Journey to Svelte (through Gatsby)
    dev.to | 2021-09-22
    By that time, we had some troubles with virtual dom itself in our custom rich text editor that we based on slate - it was getting a bit laggy when creating huge financial documents (they usually have enormous tables and a lot of infographics) -so we were already thinking about other options and that’s where svelte comes into the light - especially sapper which was de facto default framework to be used with svelte at that time (SvelteKit wasn’t even announced).
  • Deploying Sapper application to Deta.sh
    dev.to | 2021-09-03
    Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing. It is the predecessor of Sveltekit.
  • Conheça o que são as siglas CSR, SSR e SSG
    dev.to | 2021-08-27
    Sapper - ecossistema Svelte
  • I'm building a web app that aims to combine features from CodePen, Reddit, Medium, Dev.to, and Stack Overflow
    reddit.com/r/webdev | 2021-07-10
    Lol I won’t, and to answer your question, it’s built using sapper: https://sapper.svelte.dev
  • Sveltekit - to use or not to use?
    reddit.com/r/sveltejs | 2021-07-09
    I maintain a Svelte Starter Kit and all I had to do between several updates is change the layout file names, simplify the hooks, and convert the config file extensions. If you're learning Svelte in 2021, you shouldn't miss learning it, as it's "the missing CLI" and the svelte team's favoured project structure, to build full-stack server rendered and static sites, with File/Folder based routing, focus on server-less with adapters, API routes, and good baked-in conventions and constructs to support common web app needs. It's a successor to Sapper which served the aforementioned needs, with exception of adapters, which is special/unique(with no officially provided parallels in Next.js/Nuxt ecosystems yet) way to make vendor-agnostic, server-less first deployment concern a seamlessly integrated part of the framework.
  • Javascript's import vs require?
    dev.to | 2021-05-28
    Since Node v12, ES modules has been enabled by default. Hence my use of '.mjs' to run my file including a node module. Another way to resolve this issue is to use import with Node.js, you have to edit the package.json to 'type':'module'. However, using this caused my Sapper server to crash since it wasn't supported, as the rollup file outputs the format to commonjs Explained in (this GitHub issue).
  • planning to learn svelte for front-end, need advice
    reddit.com/r/sveltejs | 2021-05-23
    I am not sure whether or not they help you, but both svelte.dev and sapper.svelte.dev are open source. both of those projects are built on sapper, not svelte-kit, but a quick look at kit.svelte.dev/migrating should be enough to see what changed. (both of those make heavy use of markdown files so I don't know how helpful they are, also if you need help translating something from sapper to svelte-kit just reply and I'll probably be able to help)
  • Difference between SSR, SSG, CSR and SPA
    reddit.com/r/nextjs | 2021-04-11
    SSR (Server Side Rendering): the process of receiving a request from the client, e.g: a user goes to https://example.com to load the homepage, and returning a rendered version of the webpage with all the needed info and data to load it as fast as possible. Examples of this are [NextJS](https://nextjs.org), [NuxtJS](https://nuxtjs.org/), [Angular Universal](https://angular.io/guide/universal), [SvelteKit](https://kit.svelte.dev/) (currently in Beta) and [Sapper](https://sapper.svelte.dev/) (currently going deprecated);
  • Getting my SvelteKit website on Netlify
    dev.to | 2021-04-10
    But wait a minute? The local version is not working anymore? Apparently, Vite, the local build tool, did not like it when I moved the packages. After trying several things, I gave up. As SvelteKit is still in beta, community resources are scarce. I did found a few Sapper examples, the predecessor of SvelteKit, using the adapter-static. Success! Well... kind of.

Svelte

Posts with mentions or reviews of Svelte. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-10-17.
  • Getting started with Svelte, Tailwind, and Nrwl NX
    dev.to | 2021-10-17
    In this article, I'll show you how to create a Svelte application with Nrwl NX and how install/configure Tailwind.
  • Kyoto – Build Front End with Golang
    news.ycombinator.com | 2021-10-15
    The landing page would really benefit from code samples illustrating the basic concepts and syntaxes.

    See https://reactjs.org and https://svelte.dev for examples.

  • Newbie question about Sveltestrap
    reddit.com/r/sveltejs | 2021-10-14
    The philosophy of this library is to provide all Bootstrap 5 components for a Svelte app, without needing to use Bootstrap component classes or needing to include Bootstrap's JavaScript.
  • Rakkas: Next.js alternative powered by Vite
    dev.to | 2021-10-14
    Rakkas is a MIT-licensed React framework similar to Next.js, it's not a clone. In fact, if you're familiar with Svelte -a user interface framework (like React or Vue)- many of Rakkas's features are inspired by SvelteKit, Svelte's web application building tool.
  • Hi, I'm Tricky, and I just started learning webdev, about a week ago. Here is a small website I made :D
    reddit.com/r/webdev | 2021-10-13
    Looks very nice! Here's my thoughts and possible places to improve on: * Improve your mobile support. You can probably just use CSS grid/flexbox/media queries. * Use some kind of JS framework. My favorite is Svelte, but React is a good option as well. * Use a CSS pre-processor, which are like external languages that compile to vanilla CSS. The most popular one is Sass.
  • Those of you who have built your own personal website or blog, what tech stacks do you use?
    reddit.com/r/webdev | 2021-10-12
    For my last two personal websites I used Svelte (not Sapper or SvelteKit), married up with Page.js for client-side routing and Tailwind (+ PostCSS) for styling stuff. The sites are hosted from AWS S3 buckets with CloudFront for the CMS stuff. And because these projects are entirely personal I've not had to do a lot of worrying about the toolchain: both codebases are in git repositories; testing (when I bother) is manual; building/deployment are handled using various shell scripts.
  • Is Ember js even an option?
    reddit.com/r/webdev | 2021-10-12
    If you are willing to go for less popular but newer tech, then Svelte is also an option.
  • Does a VDOM make a webapp faster or slower?
    reddit.com/r/webdev | 2021-10-11
    But then Svelte came out and it's saying that it's lack of a VDOM makes it faster because those calculations take time.
  • How To Monitor Events in Your Svelte App
    dev.to | 2021-10-11
    It seems there is a new JavaScript framework launched everyday. And while that is largely true, some standout above the rest. When Svelte first came out, it would have been easy to write it off as "yet another JS framework." However, Svelte quickly found its community. It has passionate supporters, great contributors, and was recently named the most-loved web framework.
    dev.to | 2021-10-11
    Notice that we had to wrap our startup call in a function. This is because Svelte doesn't yet support to-level awaits. If it did, we would simply call await Exceptionless.startup("YOUR API KEY").

What are some alternatives?

When comparing Sapper and Svelte you can also consider the following projects:

Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.

solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid]

lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.

awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

SvelteKit - The fastest way to build Svelte apps

Aurelia 1 - The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.

React - A declarative, efficient, and flexible JavaScript library for building user interfaces.

Polymer - Our original Web Component library.

Angular - The modern web developer’s platform

Stimulus - A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus]

riot - Simple and elegant component-based UI library