All extensions can be built and deployed using Contentful Create Extension.
Extensions can be deployed directly to contentful if they are small enough using npm run deploy. If they are too large, they should be deployed using the self-hosted URLs above.
This package hosts the following UI extensions:
Parallax Accent images
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/accents/build
Repeatable article title, source and urls.
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/article-links/build
Repeatable buttons.
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/buttons/build
Repeatable images with descriptions.
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/images/build
Repeatable links. Can also be used for buttons.
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/links/build
A repeatable fields object with optional fields.
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/repeatable/build
Repeatable stats with options for countup.js.
Self-host URL: https://malalafunddev.github.io/malala-contentful-ui/stats/build
cd {extension}
npm run build
Note that the build command adds slashes to the asset URLs, so you'll need to remove them since we're deploying from subfolders.
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<meta charset="utf-8">
-<link rel="stylesheet" href="/src.e31bb0bc.css"></head>
+<link rel="stylesheet" href="src.e31bb0bc.css"></head>
<body>
<div id="root"></div>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
-<script type="text/javascript" src="/src.e31bb0bc.js"></script>
+<script type="text/javascript" src="src.e31bb0bc.js"></script>
</body>
</html>cd ..
git commit -m "some message"
git push master
A suite of shared components are made available via the root-level npm package. It can be installed as a VCS package, or via symlink:
cd to an extension folder.
npm link ../.
npm install -save malala-contentful-ui@../. --prefer-online
Then import:
import {CollapseCard, Sortable, EditorField, ImageField, FieldSet} from "malala-contentful-ui";