Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/storyblok/storyblok
Info about Storyblok
https://github.com/storyblok/storyblok
cli cms headless headless-cms storyblok
Last synced: 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 (6 months ago)
- Last Synced: 2024-08-02T02:16:32.874Z (5 months ago)
- Topics: cli, cms, headless, headless-cms, storyblok
- Homepage: https://storyblok.atlassian.net/servicedesk
- Size: 904 KB
- Stars: 315
- 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:**
**Storyblok CMS architecture:**
## 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)