{"id":28789,"date":"2016-12-23T18:10:24","date_gmt":"2016-12-23T10:10:24","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=28789"},"modified":"2018-12-26T17:41:06","modified_gmt":"2018-12-26T09:41:06","slug":"cmsjs","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/","title":{"rendered":"CMS.js &ndash; The Newest Free JavaScript Site Generator"},"content":{"rendered":"<p>Static site generators are the hottest tools for fast web development. A small site doesn\u2019t always need a database or CMS, and sometimes it\u2019s just easier to generate static pages instead.<\/p>\n<p>With a platform like CMS.js you can build static sites on JavaScript <strong>without any backend language<\/strong>. This JavaScript-powered site generator can run in your browser without any dependencies like Node or Ruby.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/www.saashub.com\/cdmedia-github-io-cms-js-alternatives\"><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg\" alt=\"cmsjs homepage\"><\/a><\/figure>\n<p>On the official project page you\u2019ll find some <strong>basic terminal commands<\/strong> that you can copy\/paste to install a brand new CMS.js project. After you create a new project you can add pages and customize features to suit your needs.<\/p>\n<p>All new project details can be edited from the config.js file which contains the site name, navigation links, post content, and other related settings. If you\u2019re even vaguely familiar with JavaScript and\/or JSON then you\u2019ll have no trouble using CMS.js.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/static-site-generators\/\">10 Best Static Site Generators (SSG)<\/a>\n\t\t\t\t<\/p>\n<p>The name itself is somewhat disingenuous because it\u2019s not a full CMS. But it\u2019s <strong>meant to mimic a CMS<\/strong> and instead <strong>output static pages<\/strong> like you get with <a target=\"_blank\" href=\"https:\/\/jekyllrb.com\/\">Jekyll<\/a>. The difference is <strong>Jekyll relies on Ruby<\/strong>, but <strong>with CMS.js you can run everything locally without any dependencies<\/strong>.<\/p>\n<p>This is one of the simplest tools for managing a static website. Whether you want a simple personal site or a static blog you can manage everything from the CMS.js system.<\/p>\n<p>All page content is edited through <a target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/\">Markdown<\/a> so you\u2019ll never need to touch any raw HTML\/CSS code. And you can even customize the design or rely on the default Jekyll <a target=\"_blank\" href=\"https:\/\/getpoole.com\/\">Poole<\/a> theme.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/getpoole.com\/\"><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/02-poole-theme-homepage.jpg\" alt=\"poole theme\"><\/a><\/figure>\n<p>To get started check out the <a target=\"_blank\" href=\"https:\/\/github.com\/chrisdiana\/cms.js\">GitHub repo<\/a> and follow the install directions. From there you can tinker with settings and start writing Markdown pages with ease.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/blog-with-jekyll\/\">How to Create a Blog Using Jekyll: A Guide for Beginners<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>Static site generators are the hottest tools for fast web development. A small site doesn\u2019t always need a database or CMS, and sometimes it\u2019s just easier to generate static pages instead. With a platform like CMS.js you can build static sites on JavaScript without any backend language. This JavaScript-powered site generator can run in your&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[4117],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CMS.js &ndash; The Newest Free JavaScript Site Generator - Hongkiat<\/title>\n<meta name=\"description\" content=\"Static site generators are the hottest tools for fast web development. A small site doesn&#039;t always need a database or CMS, and sometimes it&#039;s just easier\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/cmsjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CMS.js &ndash; The Newest Free JavaScript Site Generator\" \/>\n<meta property=\"og:description\" content=\"Static site generators are the hottest tools for fast web development. A small site doesn&#039;t always need a database or CMS, and sometimes it&#039;s just easier\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/cmsjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-23T10:10:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-26T09:41:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"CMS.js &ndash; The Newest Free JavaScript Site Generator\",\"datePublished\":\"2016-12-23T10:10:24+00:00\",\"dateModified\":\"2018-12-26T09:41:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/\"},\"wordCount\":311,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cmsjs\\\/01-cms-js-homepage-screenshot.jpg\",\"keywords\":[\"Javascripts\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/\",\"name\":\"CMS.js &ndash; The Newest Free JavaScript Site Generator - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cmsjs\\\/01-cms-js-homepage-screenshot.jpg\",\"datePublished\":\"2016-12-23T10:10:24+00:00\",\"dateModified\":\"2018-12-26T09:41:06+00:00\",\"description\":\"Static site generators are the hottest tools for fast web development. A small site doesn't always need a database or CMS, and sometimes it's just easier\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cmsjs\\\/01-cms-js-homepage-screenshot.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/cmsjs\\\/01-cms-js-homepage-screenshot.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/cmsjs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CMS.js &ndash; The Newest Free JavaScript Site Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CMS.js &ndash; The Newest Free JavaScript Site Generator - Hongkiat","description":"Static site generators are the hottest tools for fast web development. A small site doesn't always need a database or CMS, and sometimes it's just easier","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/","og_locale":"en_US","og_type":"article","og_title":"CMS.js &ndash; The Newest Free JavaScript Site Generator","og_description":"Static site generators are the hottest tools for fast web development. A small site doesn't always need a database or CMS, and sometimes it's just easier","og_url":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-12-23T10:10:24+00:00","article_modified_time":"2018-12-26T09:41:06+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"CMS.js &ndash; The Newest Free JavaScript Site Generator","datePublished":"2016-12-23T10:10:24+00:00","dateModified":"2018-12-26T09:41:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/"},"wordCount":311,"commentCount":2,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg","keywords":["Javascripts"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/cmsjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/","url":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/","name":"CMS.js &ndash; The Newest Free JavaScript Site Generator - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg","datePublished":"2016-12-23T10:10:24+00:00","dateModified":"2018-12-26T09:41:06+00:00","description":"Static site generators are the hottest tools for fast web development. A small site doesn't always need a database or CMS, and sometimes it's just easier","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/cmsjs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/cmsjs\/01-cms-js-homepage-screenshot.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/cmsjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CMS.js &ndash; The Newest Free JavaScript Site Generator"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/s4uxU-cmsjs","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=28789"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28789\/revisions"}],"predecessor-version":[{"id":46644,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/28789\/revisions\/46644"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=28789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=28789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=28789"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=28789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}