ST
storipress/karbon-draft
Vue + Nuxt based framework for building dynamic custom publications. [PUBLIC DRAFT, FULL FRAMEWORK TO BE PORTED MARCH]
๐ 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
- ๐ฆ Instant-search, baked in
- ๐ฎ Recommended articles out of the box, with extensible custom logic
- โ SEO friendly infinite scroll
- ๐ณ Paywall, checkout and card management
- ๐ธ One central config file for all Google Publisher Tags + Prebid (optional) placements
- ๐ช One provider component that handles all the โplumbingโ (viewability, load order prioritisation) w/ googletag + pbjs
- ๐ค Ads SSR optimised + lazy load support (even for Prebid), individually configurable per ad slot
- ๐ฑ 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
- 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:
yarnorpnpm- 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-karbonRunning locally:
- Start a development server
# Using `yarn`
yarn install
yarn dev
# Using `npm`
npm i
npm run dev- Visit the development environment running at http://localhost:3000.
Learn more about getting started with Karbon.
Contributing to Karbon
Other handy links
๐ทโโ๏ธ Add npm packages to your project:
On this page
Contributors
MIT License
Created December 28, 2022
Updated January 5, 2026
