storipress / karbon

A headless framework for creating tomorrow's content experiences

📚 Docs | 🗣 Slack | 💬 Discussions | 📝 Changelog

Carbon /ˈkɑːbən/: the first pigment humans used for ink

Built on Nuxt 3, Karbon is a Vue-based framework for building dynamic, custom publications. Why Vue?

Why did we make Karbon? 👇

• 💨 A really, really productive headless developer experience
• ⚡️ Lightning fast load speeds
• 🔎 Enterprise SEO utilities
• 👨‍👩‍👦‍👦 Large ecosystem: compatable with all Nuxt plugins
• 🌮 Recommended articles out of the box, with extensible custom logic
• ∞ SEO friendly infinite scroll
• 💳 Paywall, checkout and card management
• 💸 Simply programmatic ad-ops with native integration to vue-advertising
• 😱 Instantly generate collection pages (i.e. category pages, brand pages)
• 😤 No AMP — ok, you can use AMP if you really want, but you really don't need to
• 🔦 Instant-search, baked in
• And a bunch more

Spin up a Karbon app in your browser with our playground or set up your local environment with the instructions below ⬇️

Getting Started

Requirements:

• yarn or pnpm
• Node.js version 16.14.0 or higher

Installation:

# Using `yarn`
yarn create @storipress/karbon

# Using `npm`
npm init @storipress/karbon

# Using `npx`
npx @storipress/create-karbon

Running locally:

1. Start a development server

# Using `yarn`
yarn install
yarn dev

# Using `npm`
npm i
npm run dev

2. Visit the development environment running at http://localhost:3000.

Learn more about getting started with Karbon.

Contributing to Karbon

Read our contributing guide

Other handy links

Learn more about Karbon.