Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/storyblok/storyblok

Info about Storyblok
https://github.com/storyblok/storyblok
cli cms headless headless-cms storyblok
Last synced: about 2 months ago
JSON representation
Info about Storyblok
Host: GitHub
URL: https://github.com/storyblok/storyblok
Owner: storyblok
Created: 2017-04-18T10:12:04.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2024-07-08T07:52:04.000Z (3 months ago)
Last Synced: 2024-07-08T09:56:55.987Z (3 months ago)
Topics: cli, cms, headless, headless-cms, storyblok
Homepage: https://storyblok.atlassian.net/servicedesk
Size: 904 KB
Stars: 314
Watchers: 29
Forks: 32
Open Issues: 456
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # Welcome to Storyblok

Storyblok is a visual CMS that works with any framework. Integrate with any app, frontend, or framework. Publish anywhere with an API-first backend. Storyblok’s industry-leading [Visual Editor](https://www.storyblok.com/docs/editor-guides/visual-editor) makes it easy for marketing teams to independently create, edit, and collaborate.  

## Getting Started

### Kickstart a new project

Are you eager to dive into coding? **[Follow these steps to kickstart a new project with Storyblok and your framework of choice](https://www.storyblok.com/technologies?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)**, and get started in just a few minutes.

### Ultimate Tutorials

Are you looking for a hands-on, step-by-step tutorial? Our Ultimate Tutorial Series has you covered. It provides comprehensive instructions on building a complete, multilingual website using Storyblok and your framework of choice from start to finish.

-  [The Storyblok Next.js Ultimate Tutorial](https://www.storyblok.com/tp/nextjs-headless-cms-ultimate-tutorial?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

-  [The Storyblok Nuxt Ultimate Tutorial](https://www.storyblok.com/tp/storyblok-nuxt-ultimate-tutorial?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

-  [The Storyblok Astro Ultimate Tutorial](https://www.storyblok.com/tp/the-storyblok-astro-ultimate-tutorial?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

-  [The Storyblok Remix Ultimate Tutorial](https://www.storyblok.com/tp/the-storyblok-remix-ultimate-tutorial?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

-  [The Storyblok SvelteKit Ultimate Tutorial](https://www.storyblok.com/tp/the-storyblok-sveltekit-ultimate-tutorial?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

-  [The Storyblok Laravel Ultimate Tutorial](https://www.storyblok.com/tp/storyblok-laravel-ultimate-tutorial?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

💡 **[Try it out for free](https://app.storyblok.com/#!/signup?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)**

## Why Storyblok?

- **Work with any technology**: Storyblok’s headless, API-first CMS architecture empowers developers to work with any technology and integrate with any third-party solution.

- **Scale without limits:**  Storyblok monitors your applications and automatically scales performance to ensure optimal efficiency and performance.

- **Flexible data schemas:** Storyblok's component-based approach gives you full control over your content structure. You can define your own custom data models with nestable components that can be reused across all your projects.

- **Publish faster:** Marketing and content teams work faster with a Visual Editor enabling them to work independently. No more content tickets in your backlog.

- **Enterprise security**: Ensure data security using one of the most secure, enterprise-grade CMSs available on the market. Storyblok is ISO 27001 certified.

- **Deliver Better Experiences**: Personalize content experiences for different markets, languages, or audience segments using Storyblok's built-in localization tools, or integrate with any third-party solution through API-first integrations.

## How it works

A **[Headless CMS](https://www.storyblok.com/tp/headless-cms-explained?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)** is a back-end-only content management system (CMS) built from the ground up as a content repository that makes content accessible via APIs.  

**A basic headless CMS Architecture:**

![A basic headless CMS architecture](https://a.storyblok.com/f/88751/1546x918/811ed7b1ed/headless.jpg/m/600x0/)

**Storyblok CMS architecture:**

![Storyblok CMS architecture](https://a.storyblok.com/f/88751/1546x918/c975b8aa76/storyblok-cms.jpg/m/600x0/)

## Key Features

**Composable Architecture:**

- **APIs**: Work with any frontend or third-party integration with [GraphQL](https://www.storyblok.com/docs/graphql-api), [REST](https://www.storyblok.com/docs/api/content-delivery/v2), and [Management API.](https://www.storyblok.com/docs/api/management?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

- **Flexible backend**: As a headless content management system, Storyblok can manage and serve content for any app or site.

- **Apps**: Add extra functionalities to your space through a suite of custom apps available for free on the [Storyblok App Directory](https://www.storyblok.com/app-store?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok), or build your own.

- **Composable components**: Easily define new nestable blocks (such as a hero, grid, or button) or content type blocks (such as an article, landing page, or product page). Create once, reuse everywhere. The limit is your imagination. [Learn more](https://www.storyblok.com/docs/guide/essentials/content-structures?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok).

**Streamline Workflows:**

- **Visual editing interface**: Storyblok enables non-technical users to build and edit JSON structures with an easy-to-use visual interface. [Learn more](https://www.storyblok.com/docs/editor-guides/visual-editor?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok).

- **Component Library**: Find, access, and edit components directly from the Visual Editor making it easier for teams to collaborate.

- **Collaboration workflows**: Publish faster with inclusive collaboration workflows that give anyone on the team a simple way to make a suggestion or take action.

**Audience Experiences:**

- **Image Service**: Make apps and websites faster by Transforming, optimizing, and caching images in a CDN. [Learn more](https://www.storyblok.com/docs/image-service?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok).

- **Internationalization**: Create personalized content experiences via built-in folder-level and field-level internationalization. [Learn more](https://www.storyblok.com/docs/guide/in-depth/internationalization?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok).

- **Omnichannel Experiences**: Storyblok’s headless architecture enables developers to publish content across any digital channel via APIs. [Learn more](https://www.storyblok.com/lp/omnichannel-cms?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok).

# Resources

- [Tutorials](https://www.storyblok.com/tutorials?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

- [FAQs](https://www.storyblok.com/faqs?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

- [Discord](https://discord.gg/jKrbAMz)

- [Community](https://www.storyblok.com/community)

- [Learning Hub](https://www.storyblok.com/docs?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

- Clients 

  - [PHP Client](https://github.com/storyblok/storyblok-php-client)

  - [JavaScript Client](https://github.com/storyblok/storyblok-js-client)

  - [Ruby Client](https://github.com/storyblok/storyblok-ruby-client)

  - [Python Client](https://github.com/storyblok/storyblok-python-client)

- SDKs

    - [JavaScript SDK](https://github.com/storyblok/storyblok-js)

    - [React SDK](https://github.com/storyblok/storyblok-react)

    - [Vue SDK](https://github.com/storyblok/storyblok-vue)

    - [Nuxt SDK](https://github.com/storyblok/storyblok-nuxt)

    - [Svelte SDK](https://github.com/storyblok/storyblok-svelte)

    - [Astro SDK](https://github.com/storyblok/storyblok-astro/)

    - [Gatsby SDK](https://github.com/storyblok/gatsby-source-storyblok)

- [Storyblok CLI](https://github.com/storyblok/storyblok-cli)

# We are Hiring

- [Open Positions](https://www.storyblok.com/jobs?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)

- [About Storyblok](https://www.storyblok.com/about?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok)