Sapper

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

Sapper logo

Manage your Sapper application content with a powerful headless CMS. Open Source, customizable, and self-hosted, Strapi provides an intuitive admin panel as well as an API consumable from any http client.

The easiest way to manage your content

Effortlessly create content structures that flex to your needs. No matter which data structure is the best for your business, you can easily define models and add relations to create rich layout experiences. Seamlessly write, edit and manage any content types. Easily build apps and digital experiences without the distraction of CMS complexities. Consume the API from Sapper using REST or GraphQL.

Sapper has a lot of benefits

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

  1. Powered by Svelte: Sapper is an application framework powered by Svelte — build bigger apps with a smaller footprint.
  2. Best of both worlds: All the SEO and progressive enhancement of a server-rendered app, with the slick navigation of an SPA.
  3. Build fast: Hit the ground running with advanced routing, server-side rendering, code-splitting, offline support and more.

Many http clients exists in Javascript in order to communicate with a Strapi API: Fetch API, axios or request.

Strapi, the best fit with Sapper

The out-of-the-box Strapi features allow you to get up-and-running in no time:

  1. Single types: Create one-off pages that have a unique content structure
  2. Customizable API: With Strapi, you can just hop in your code editor and edit the code to fit your API to your needs.
  3. Integrations: Strapi supports integrations with Cloudinary, SendGrid, Algolia, and others.
  4. Editor interface: The editor allows you to pull in dynamic blocks of content.
  5. Authentication: Secure and authorize access to your API with JWT or providers.
  6. RBAC: Help maximize operational efficiency, reduce dev team support work, safeguard against unauthorized access or configuration modifications.
  7. i18n: Manage content in multiple languages. Easily query the different locales through the API.

Frequently Asked Questions

No, Sapper has been superseded by SvelteKit. For new projects, use SvelteKit which offers better features, performance, and ongoing support. Sapper is in maintenance mode.

Sapper used preload functions to fetch Strapi content during server-side rendering. Data fetched in preload was passed to Svelte components for hydration on the client.

Convert preload functions to SvelteKit's load functions, update routing to file-based conventions, and adjust configuration files. The Strapi API integration logic remains largely the same.

Yes, existing projects continue to work. However, plan migration to SvelteKit for long-term maintenance, security updates, and access to modern features.

Sapper supported Node.js servers and static export. Deploy the Sapper app separately from Strapi, connecting via API calls with appropriate CORS configuration.