GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → RoyalIcing → Lokum

RoyalIcing / Lokum

Manage a website’s content using Trello

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

nodejscontent-managementcontentcontent-management-systemtrelloredirects

Projects that are alternatives of or similar to Lokum

ulboracms
Ulbora CMS is a self-contained CMS (no database needed) written in Golang. It uses a JSON datastore with content saved in both json files and in memory. You can download and upload a single binary backup file containing content, images, and templates as needed. It also has a built-in mail sender.
Stars: ✭ 42 (+61.54%)
Mutual labels:  content, content-management, content-management-system
lara-s-cms
A PHP Laravel Skeleton for CMS/Admin Dashboard (within/without website)
Stars: ✭ 28 (+7.69%)
Mutual labels:  content-management, content-management-system
Textpattern
A flexible, elegant, fast and easy-to-use content management system written in PHP.
Stars: ✭ 572 (+2100%)
Mutual labels:  content-management, content-management-system
flute
The Application Framework Built for Powerful, Secure features and add-ons
Stars: ✭ 14 (-46.15%)
Mutual labels:  content-management, content-management-system
Laracms
LaraCMS 是在学习 laravel （ web 开发实战进阶 + 实战构架 API 服务器） 过程中产生的一个业余作品，试图通过简单的方式，快速构建一套基本的企业站同时保留很灵活的扩展能力和优雅的代码方式，当然这些都得益Laravel的优秀设计。同时LaraCMS 也是一个学习Laravel 不错的参考示例。
Stars: ✭ 588 (+2161.54%)
Mutual labels:  content-management, content-management-system
biskuit
A modular and lightweight CMS built with Symfony components and Vue.js
Stars: ✭ 37 (+42.31%)
Mutual labels:  content, content-management
RooCMS
RooCMS - This is easy and convenient content management system designed to quickly create websites.
Stars: ✭ 21 (-19.23%)
Mutual labels:  content-management, content-management-system
Grav Plugin Admin
Grav Admin Plugin
Stars: ✭ 316 (+1115.38%)
Mutual labels:  content-management, content
Srcms
SRCMS企业应急响应与缺陷管理系统
Stars: ✭ 282 (+984.62%)
Mutual labels:  content-management, content-management-system
Distributor
Share content between your websites.
Stars: ✭ 282 (+984.62%)
Mutual labels:  content-management, content
AeroCMS
Aero is a simple and easy to use CMS (Content Management System) designed to create fast and powerful web applications!
Stars: ✭ 14 (-46.15%)
Mutual labels:  content-management, content-management-system
Laravel 8 Simple Cms
Laravel 8 content management system for starters.
Stars: ✭ 444 (+1607.69%)
Mutual labels:  content-management, content-management-system
solidus static content
📄 Content management for your Solidus store.
Stars: ✭ 18 (-30.77%)
Mutual labels:  content, content-management
nc-cms
💡 Embeddable, lightweight, simple PHP CMS. Content Management System.
Stars: ✭ 20 (-23.08%)
Mutual labels:  content-management, content-management-system
laravel-storyblok
Make Laravel and Storyblok work together beautifully.
Stars: ✭ 45 (+73.08%)
Mutual labels:  content-management, content-management-system
pageflo
A new super flexible open source CMS
Stars: ✭ 34 (+30.77%)
Mutual labels:  content-management, content-management-system
vaahcms
VaahCMS is a laravel based open-source web application development platform shipped with a headless content management system (CMS).
Stars: ✭ 56 (+115.38%)
Mutual labels:  content-management, content-management-system
boom-core
BoomCMS core code. BoomCMS is a user friendly, WYSIWYG CMS based on Laravel. Open source and released under the MIT license.
Stars: ✭ 13 (-50%)
Mutual labels:  content-management, content-management-system
alfresco-mvc
Glue between SpringMVC @controllers and Alfresco
Stars: ✭ 22 (-15.38%)
Mutual labels:  content-management, content-management-system
Flextype
Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a traditional CMS
Stars: ✭ 436 (+1576.92%)
Mutual labels:  content-management, content
View All Similar Projects ➔

Lokum logo

lokum

Manage your website’s content using a Trello board. Watch it in action here.

Deploy with Now

  1. Install Now: https://zeit.co/now
  2. Find your public Trello board’s ID (e.g. mQ6WXDAQ)
  3. Run, passing your board ID: now RoyalIcing/lokum -e TRELLO_BOARD_ID=mQ6WXDAQ

Live online preview

You can preview your boards here: https://lokum.icing.space — just paste the URL of your public Trello board.

Download a website zip

Static HTML

https://us-central1-royal-icing.cloudfunctions.net/serveWebFromTrelloBoard/YOUR_BOARD_ID.zip

Next.js 3 

https://us-central1-royal-icing.cloudfunctions.net/serveWebFromTrelloBoard/YOUR_BOARD_ID.next.zip

How to make a website board in Trello

Lokum uses the lofi format of hashtagging text. Any trailing #hashtags are added as booleans, and any trailing #hashtag: any text you like become key-value pairs.

Create a board in Trello, and make it public.

Add a list for each page

  • The list’s name will become the page’s title
  • The #path tag pair lets you specify the absolute path for this page.
  • The #class tag pair lets you specify custom classes for this page.

Add cards to each page list for the content on the page

  • A card’s title becomes an <h2>.
  • The card’s description is parsed as markdown, and follows the <h2>.
  • Attached images become <img> above the content

Links

  • Use the #link tag pair to make the subheading link out to a URL.

Main heading

  • Add #primary to the subheading you want to make a <h1> instead of an <h2>. Similarly #tertiary can be used for <h3>.

Posts

  • Use the #slug tag pair to specify a child-page. The content stays part of the parent page, but also appears solely as a page at its slug’s path. The <h2> then links out to the child-page.

Navigation

  • Add a card with name #nav to specify that the cards following should be together grouped in a <nav>.

Article

  • Add a card with name #article to specify that the cards following should be each an <article>.

Metatags, CSS, etc

  • Add a card with name #meta to add <meta> and <link> tags from the card’s description as HTML to the <head>.

Other lists can also be added for additional behaviour

Share on all pages

  • A list named #all will have its cards used across all pages, e.g. shared meta tags.
  • Use a card named #above for HTML that will be added above every page.

Path redirects

  • A list with name #redirects
  • Each card must have #from and #to tag pairs for the original (from) path and destination (to) path for a redirect.

Reloading with Google Authenticator

Lokum supports live-reloading of a site with the latest content from the source Trello board:

  1. Generate a secret, and scan the QR code into your Google Authenticator app.
  2. Use that secret as environment variable RELOAD_SECRET (-e RELOAD_SECRET=XXX with Now).
  3. Visit /-reload/:latest-token to reload with fresh data from Trello.

API

startServerForBoard(boardID, { seo = true, reloadSecret, host, port })

  • boardID (String): The ID (not full URL) of the Trello Board to use as a content source
  • seo (Boolean): Whether to enable a /robots.txt route
  • reloadSecret (String): The OTP secret
  • host (String): Domain to use as host, usually fine to omit
  • port (String): Port to start the server on
  • Returns a Promise which resolves once the content has loaded and the server is ready
import { startServerForBoard } from 'lokum'

const boardID = 'mQ6WXDAQ' // From public Trello board https://trello.com/b/mQ6WXDAQ/burntcaramel-com

startServerForBoard(boardID, { port: process.env.PORT })
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].